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
Hi 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.