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’ve just updated my site with the latest version of Siteorigin Page Builder and the Widgets Bundle.
Since I’ve updated, the custom css that I have in all my image widgets has stopped working.
You can see here: https://iwantitblack.com/gothic-engagement-rings/
The Captions/Titles are no longer centered, even though the images are still centered.
This is the Custom CSS I am using:
{
text-align: center;
}
This is in Widget Styles > CSS Styles ( within the image widget).
The image widget seems to have changed a lot.
Is there a way of using some Custom CSS to change ALL the Siteorigin Image Widget titles to centered?
These are currently aligned left.
Hi Iwantitblack,
The CSS mentioned in your post isn’t valid and I’m not too sure why it previously worked but it makes sense why it doesn’t. The CSS Styles field only supports inline styles which means you cannot use braces, { } < You cannot use them.
The following CSS will automatically center the contents of the SiteOrigin widget:
.so-widget-sow-image, .so-widget-sow-image .widget-title { text-align: center; }You might also need to install the SiteOrigin CSS Editor.
Hi Alex,
Thank you for your reply.
Before you got back to me I managed to get around this by using this CSS :
.widget_sp_image-description {
text-align: center;
}
I put this in Custom CSS.
It appears to be working fine, but if you think I should tweak it in some way, please let me know.
Hi Alex,
I just tried the CSS code you gave me but it didn’t work?
Not to worry as the CSS I’m using works ok.
Thank you.