Page Builder 
Widgets Bundle 
SiteOrigin CSS 
Installer Change Title CSS using attributes
I used the old thread about ‘Change Text Widget Title Color‘ which i found useful to change the color of a specific widget title.
However, I would like to setup some custom CSS which I can reuse on future widgets. Essentially I want the title of the widget to be a subheading to the widget above.
Where the ‘To be rectified before use’ is of a different size and color to the heading ‘List of Recommendations’. But I don’t want to have to keep looking up the widget ID as the next thing I want to do is make the heading ‘To be undertaken during normal maintenance’ to be the same.
What to do I add to the Custom CSS and what do I add to the widget’s attribute to implement it?
I have tried adding
And then put #secondary in both the Widget Class and CSS Styles but nothing happens.
Many thanks in advance
This is our free support forum. Replies can take several days.
Need fast email support? Get SiteOrigin Premium
Replies
2Hi Nebben,
Please open a widget you wish to do this for and head over to the widget styles sidebar. Open the Attribute settings group and set the widget class to override_widget-title and then save.
Please navigate to WP AdminAppearanceCustom CSS and add the following CSS:
.override_widget-title h3.widget-title { color: #fff; }How does that look?
You might also need to install the SiteOrigin CSS Editor.
That brilliant! Thanks for the help. A small example unlocks the power of this system.
Replies on this thread are closed.
Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.