Widget Background Color

• 

  dianeanc6b · Member · Sep 23, 2014 at 2:04 am

  • Copy link
  • Add topic to favorites

  Hi,
  I purchased the customize option for Big Brother and I am unable to edit the background color for my widgets. When I click on “colors” in the customization menu, I am only able to edit and have one color, although about 4 others are presented. (There are four other circles with an X in the middle. I am assuming they become filled in with other colors for the site).

  How may I update the sidebar/widget area background color? Do I update the css? I pasted this in the custom css box, trying to make the background white, but nothing happened:
  #sidebar .widget {
  background-color: #ffffff;
  }

  Thanks for your help!

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

• 

  hallluke · Member · Sep 23, 2014 at 6:28 am

  • Copy link

  Hi,

  Here’s the code you need to paste into the Appearance > Customize > CSS text area, the first bit is the sidebar background colour (red in my example), and the second bit is the border between widgets (blue):

  .secondary aside {
    background-color:#f00;
  }
  
  .widget {
    border-color:#00f;
  }

• 

  dianeanc6b · Member · Sep 28, 2014 at 4:35 pm

  • Copy link

  Thanks!