How to change title background colour in widget sidebar

Posted in: Newspaper
Post count: 19

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.

Post count: 20688

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

Post count: 19

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;
}

Post count: 19

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.

Post count: 20688

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

Post count: 3

Hi!
Can U help me. I use a few text widgets at sidebar, all of them are blue tab colored. How can I create another one in purple? What is the simple solve?

Post count: 20688

Hi,

If you have multiple text widgets, you could only change the background color for all of theme at once, not for a specific one as there is no way to differentiate between the same widgets.

Thanks

Post count: 3

Well, I see.
But maybe it can be done in futher updates? 🙂 Some specified tagdiv-widget with html, which provide customization of tab and text color.

Post count: 20688

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

Viewing 9 posts - 1 through 9 (of 9 total)
The forum ‘Newspaper’ is closed to new topics and replies.