Change background on Bold News Demo

• 

  ellentonanimalhospital · Member · Apr 21, 2014 at 11:31 pm

  • Copy link
  • Add topic to favorites

  Hello,

  I’m trying to change the teal background on the top half of the website to a maroon color #800000 and can’t seem to figure out how to do this with CSS. I’ve tried changing background-color on the CSS editor with no luck.

  The website address is http://ellentonanimalhospital.org

  I’d appreciate any help!

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

• 

  thesacredpath · Member · Apr 21, 2014 at 11:46 pm

  • Copy link

  Hi there, there is a background image for the teal, and then an underlying grey color set. Add the following and you can adjust the color as desired.

  #header-wrap {
  	background-image: none;
  	background-color: #800000;
  }

• 

  ellentonanimalhospital · Member · Apr 22, 2014 at 12:07 am

  • Copy link

  Thank you so much! That worked perfectly.

  What would change that bottom half from white to another color and the underlying grey color set?

  Thank you again!

• 

  thesacredpath · Member · Apr 22, 2014 at 1:36 am

  • Copy link

  body {
      background: #FFFF00;
  }

  At the bottom is another grey band, which is the footer widgets area. To change the background color of that, add the following and edit the color code.

  #footer-widgets {
      background: #22cc22;
  }

  Excuse my obnoxious demo colors. :)

• 

  thesacredpath · Member · Apr 22, 2014 at 1:51 am

  • Copy link

  Heh, just noticed that I think I turned your site into a Brazilian flag with my demo colors. :)