widget font color

• 

  kostaspapapostolou · Member · May 30, 2016 at 6:58 am

  • Copy link
  • Add topic to favorites

  Hello, how can I change the WIDGET area font colour?

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

• 

  michaelvandenberg · Member · May 30, 2016 at 8:50 am

  • Copy link

  Howdie!

  With this you should be able to change to colors in the widget area:

  h1.widget-title {
  	color: #ffffff;
  }
  
  #secondary .widget {
  	color: #ffffff;
  }
  
  #secondary .widget a,
  #secondary .widget a:visited {
  	color: #ffffff;
  }
  
  #secondary .widget a:hover,
  #secondary .widget a:focus {
  	color: #ffffff;
  }

  The first will change the colour of the title. The second will change the colour of the content. The third will change the colors of the links in the widget and the fourth will change the colors when those links are hovered or focused.

  Right now all the colors are set to white (#ffffff), but you can replace this with any other color. This is a nice tool to pick colors.

  Let me know if this helps!

  Good luck!

  Best regards,

  Michael