Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
I’d like to use some styling in Page Builder widget and have read: https://siteorigin.com/page-builder/documentation/styling-page/
I’m not sure what to do. Ultimately I’d like to change the border width on a Visual Editor widget.
Thanks.
Hi Kdm-site
After inserting the Visual Editor widget you can click the Design tab on the right and select a border color. You can then click the Attributes tab and add the following into the CSS Styles field:
or if it’s for many widgets you need this for, rather add a CSS Class Name, any name of your choosing:
Then go to Appearance > Custom CSS and target that class name:
.extra-border { border-width: 3px !important; }We need the !important when using Appearance > Custom CSS.
So two options, same result, hopefully.
What if you’re already using the attributes tab to centre the title of the widget? For example, I’ve got ‘widget-title’ as my widget class and ‘text-align: center;’ in the CSS styles section.
On another note, I tried adding the ‘.extra-border { border-width: 3px !important; }’ code to my custom CSS and it didn’t work :(
Any work around for this?
Hi Svanboeyen
We’d like to help you, but can you please start a new thread with your question? We can only offer you the best support possible when you’re the owner of a thread.
Page: New Thread
If you’re a premium user, please be sure to enter your order number so we can properly prioritize your thread.
If you post the link to your new thread here once it’s open I’ll push it up the queue.
please helpme.. how to change the red border size above with 3 px? thank you..
Hi Bahril
Thanks for reaching out. We’ll reply in the thread you opened shortly.