Jump to content


Photo
- - - - -

How to change the background, text and border colors of a specific widget?

widget sidebar morefooter color text

  • Please log in to reply
1 reply to this topic

#1 jenske

jenske

    Member

  • Members
  • 20 posts
  • Country: Country Flag

Posted 25 February 2013 - 07:26 AM

I want my widgets to each have a different look and feel.

 

I have managed to change the background, text and border colors of all my widgets

as a group. But as soon as I am trying to customize them individually it won't work.



#2 Danny

Danny

    Is Awesome!

  • Moderators
  • 15084 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 25 February 2013 - 08:10 AM

HI,

 

All Widgets are given either a unique ID or class, which can be used to style your widgets individually. All you need to do is use Firebug or your browsers built-in web dev tools and inspect each widget element to find the correct class or ID.


I have provided you with a link to our Custom CSS documentation, which at the bottom has a step by step guide on how to target a specific element and customise it using Google Chromes web dev tools. - 

Please Login or Register to see this Hidden Content







Also tagged with one or more of these keywords: widget, sidebar, morefooter, color, text