Color of text for home page widgets

• 

  jasontraiger · Member · Jul 30, 2013 at 5:31 pm

  • Copy link
  • Add topic to favorites

  I need to change the color of text for the widgets on the home page from a light to a dark color. How do I do this without changing anything else?
  Thank you.

  The blog I need help with is: (visible only to logged in users)

• 

  siobhyb · Member · Jul 30, 2013 at 9:53 pm

  • Copy link

  You can use CSS selectors to specifically target the links in the widget area of your site.

  If you have the Custom CSS Upgrade, try the following CSS in your editor:

  .widget a, .widget a:visited {
  color: COLOURVALUE;
  }

  Replace COLOURVALUE with the actual hex or rgba value for the colour you wish your links to be.

  In addition to this, if you change the colour of these links, you may also want to change their colour for when you hover over them or for if they are active. To do this, use the following CSS:

  .widget a:hover, .widget a:active {
  color: COLOURVALUE;
  }

  Hope that helps! Let me know if there’s anything else to this.