How can I change the title background colour in the widget sidebar which appears on all my posts? for example this post http://www.sonycentric.com/electronics/tv-home-cinema/2017/08/24/samsung-television-woes-sony-continues-strong/
I want it to be similar to how my homepage looks in this regards, https://www.sonycentric.com/ where Categories is Green, and Social Media is Blue.
Hi,
The background color for the Social counter widget, can be customized in the widgets section
– https://www.screencast.com/t/cD1egW6oMB
Check the sidebar you are using for the post, and make the modification to the background color in the Social counter widget inside the sidebar.
For the categories widget you can try a code like this and set a similar color as on the homepage
– https://www.screencast.com/t/esns6zfryB
Enter the code in Theme panel->Custom CSS section
.widget_categories .block-title span {
background-color: #c3cf2e;
}
.widget_categories .block-title {
border-color: #c3cf2e;
}
Thanks
Can I do the same for “Recent posts” whereby it should be red, #e11e30 the above info was really useful and worked.
EDIT: Nevermind, I worked it out
.widget_recent_entries .block-title span {
background-color: #e11e30;
}
.widget_recent_entries .block-title {
border-color: #e11e30;
}
-
This reply was modified 8 years by
SonyCentric.
-
This reply was modified 8 years by
SonyCentric.
Now I have a new issue, if you scroll down my page https://www.sonycentric.com/ the popular categories footer section is showing green because of that css code.
Hi,
Sorry about that, I should have made the code more specific. Right now it applies to all the widgets of the same type, like the one in the footer.
Please remove the code and use this one, or modify it like this (use the color you want)
– https://www.screencast.com/t/feBlQUEb
– https://www.screencast.com/t/2Mz4ypwDCg
It will not extend to the footer and apply only to sidebar widgets, in the post page
.single .td-main-sidebar .widget_categories .block-title span {
background-color: #c3cf2e;
}
.single .td-main-sidebar .widget_categories .block-title {
border-color: #c3cf2e;
}
Thanks
Hi,
You could use the text with title widget, that has these customization options
– https://www.screencast.com/t/8mdClkhBpz8G
You could have each one colored the way you want.
Thanks