Change the background color of the widget text

• 

  nosghul · Member · Mar 28, 2016 at 1:46 am

  • Copy link
  • Add topic to favorites

  Hi,

  could someone give me the CSS code to change he background color of the widget to white text please.

  Cheers,
  Tchu

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

• 

  thesacredpath · Member · Mar 28, 2016 at 4:54 am

  • Copy link

  To change the color of the text in widgets, add the following.

  .widget {
      color: #fff;
  }

  If you also wish to change the color of links in the sidebar, add the following.

  .widget a {
      color: #fff;
  }

  If you also wish to change the color on the widget titles to white, add the following.

  .widget-title {
      color: #fff;
  }

  If you also want to change the color of the text in the search button, add this.

  #searchsubmit {
      color: #fff;
  }

  If you also want to change the color of the search input box, add this.

  #searchform #s {
      background: #000;
      border-color: #fff;
  }

• 

  nosghul · Member · Mar 28, 2016 at 6:03 am

  • Copy link

  Thank you very much!

  Just one last question, could you please give me the code to change the “Follow” widget background?

  Cheers!

• 

  thesacredpath · Member · Mar 28, 2016 at 5:44 pm

  • Copy link

  Awesome. I didn’t see the follow button background color originally since it is such a light grey. Add the following to make it white also.

  .widget_blog_subscription form {
      background: #fff;
  }