Help Changing Widget Color

• 

  deemariedenise · Member · Jun 10, 2015 at 12:21 am

  • Copy link
  • Add topic to favorites

  I’m not sure I’m in the right forum, but I need help changing the widget color.

  I just changed to the Apostrophe Theme. Currently, the widgets are blue. But I would like to change them to #CCCC99. I tried changing them myself using CSS, but nothing happened. They look the same.

  Thanks

• 

  staff-jeanpierreac · Staff · Jun 10, 2015 at 8:08 am

  • Copy link

  Hi, deemariedenise.

  Which blog do you want us to help you with? :)

• 

  brookedot · Member · Jun 10, 2015 at 9:34 pm

  • Copy link

  While writing custom CSS is one way to go about changing the widget color in the Apostrophe Theme another option would be to change the “Links and Button” color from Customize > “Colors and Background”. This will replace all links and buttons (including the widget colors) with your custom color.

  Here is a screenshot:
  https://cloudup.com/i0AboHQEXxB

  Give that a try and if that doesn’t work let us know what site you’re looking for help with.

• 

  staff-totoro · Staff · Jun 17, 2015 at 10:49 pm

  • Copy link

  Hi @USERNAME

  You can try the following block of code, entered into the CSS tab of your site customizer here: https://wordpress.com/customize

  Here is the code to paste in:

  .widget-area .sidebar-primary aside {
    background-color: #CCCC99;
    border-color: #A9A979;
  }

  I also picked a darker shade of the same color for the border at the top, but you can tweak that CSS value to find what works for you. Feel free to experiment, and be sure to save your changes when you are done.

  Cheers!