Widget color change in Illustratr theme

• 

  jdjoynt · Member · Jun 10, 2014 at 6:59 pm

  • Copy link
  • Add topic to favorites

  Is there a way to change the widget color in Illustratr?
  I’ve tried a couple of different options, but can’t seem to get it to work.
  Here’s the code I’m currently using:

  /* Widget content area background color */
  .widget {
  background: #ffffff;
  }

  Link to blog: http://jordanjoynt.com/

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

• 

  jdjoynt · Member · Jun 10, 2014 at 7:36 pm

  • Copy link

  Should’ve been more specific. Widget BACKGROUND color.

• 

  thesacredpath · Member · Jun 11, 2014 at 2:53 am

  • Copy link

  I’m not seeing any widgets on your site, but working off the Illustratr demo site, to change the overall grey background of the widget area, you can add the following and adjust as desired.

  .widgets-wrapper {
      background: #464D4D;
  }

  If you want to add a background color to the individual widgets, the code you have should work just fine although you would probably want to add a little left, top and right padding. You would also need to change the widget titles colors which are white by default. The following will change the widget title colors.

  .widgets-area .widget h1, .widgets-area .widget h2, .widgets-area .widget h3, .widgets-area .widget h4, .widgets-area .widget h5, .widgets-area .widget h6 {
      color: #CC0000;
  }

• 

  jdjoynt · Member · Jun 11, 2014 at 3:02 am

  • Copy link

  Thank you! Ended up figuring it out partially after some tinkering.