Can widget titles have different colours in different places?

[Beeke]

I am just developing my page with the AgencyPro theme and changed the footer background colour to a dark grey.
My widget tiles have a dark colour as well, so they can be seen in the white side bars. I would like the titles for the same widgets to have different colours according to where they go.
How would I do that?
I have installed the Widget CSS Classes Plugin, but honestly don't really know, how to work with it. Do I have to mention, that I am new to this?
Thank you!
(I am working on local server, so I can't link to my page, sorry.)

[jeremi_liwanag]

Hi, i aint no developer or something here.. but this might help. You can use firebug/inspect element to check the parent selector of your widget title.

For example: in my sample child theme its structured like this:

<div id="footer-widgets" class="footer-widgets">
<div class="wrap">
<h4 class="widget-title" widgettitle">Hey You!</h4>
</div>
</div>

Then you can target the child CSS selector or whatever its called.
I guess you can do something like this...

#footer-widgets .widget-title { color: #fff; }

I believe all widget-title class under the ID footer-widgets will have white color. This is not tested, or accurate, maybe you can play around with it so you can learn more about CSS .. Hope this helps..

---

Your online success is our business http://www.systemise.com.au

[Beeke]

Yes! That fixed it. Thank you, Jeremi

[Author]

Posts