Set up Custom Image Border

Hi @devrental,

Thank you for contacting us.
May I ask you to clarify whether you mean to have a full overlay or a border of the popup?

Thanks for quick reply . Kindly have a look at the attached image ,

View post on imgur.com

through CSS code i have added a border to the popup . But its on the inside .
Also I want to increase the white space around the whole text . Below is the css that i used

.sgpb-popup-builder-content-popupId {
border: 50px solid transparent;
padding: 40px;
border-image: url(https://www.oceanforest.org/wp-content/uploads/2020/03/b2.png) 50 stretch;
}

Hi @devrental,

Thank you for clarification.
May I ask you to go with these steps?

1. Use this theme from the popup settings:
https://prnt.sc/rn5qc2

2. Add this custom CSS code in the popup settings here.

.sgpb-content-popupId.sgpb-theme-6-content {
border: 20px solid transparent !important;
border-image: url(https://www.oceanforest.org/wp-content/uploads/2020/03/b2.png) 10 stretch !important;
box-shadow: none !important;
}

Let us know in case of any questions.

• This reply was modified 4 years, 8 months ago by Sygoos Support Team.

Thanks works perfectly now.

View post on imgur.com

Also , Need one more help, If i want to remove white spaces from sides Width Css will do or there is a better way

Hey @devrental,

I am sorry, we do not have an exact option for you. You can create a CSS style so that you can reach your goal.
In case of any difficulties, please contact us and we will help you further.