changing the background color for the Sundance theme

• 

  thomashardman · Member · Mar 17, 2013 at 1:59 pm

  • Copy link
  • Add topic to favorites

  I want to change the background color of my blog (which is currently using the Sundance theme) to a light tan color (rgb(232,221,203)). I’ve been able to do that using the code shown below. However, is there a better way to accomplish what I want to do?

  div {
  background: rgb(232,221,203);
  }

  #page {
  margin: 0 auto;
  max-width: 984px;
  padding: 0;
  }

  #masthead {
  margin: 0;
  }

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

• 

  thesacredpath · Member · Mar 17, 2013 at 3:49 pm

  • Copy link

  Generally for background colors with WordPress themes, you specify the overall background color in “body” such as below. I added in the page ID as well.

  body, #page {
  background: rgb(232,221,203);
  }

  Doing it with “div” is basically a shotgun approach and turns absolutely every div in the page that tan color. While this may work in some instances, it could end up turning things tan that you would not want to be tan.

• 

  thomashardman · Member · Mar 17, 2013 at 6:32 pm

  • Copy link

  Thank you very much for your suggestion. Unfortunately, that doesn’t appear to change the background color. It changes the bars on the sides, but not the background color in the middle, where the text is.

  I really appreciate your input, though!

• 

  thesacredpath · Member · Mar 17, 2013 at 6:36 pm

  • Copy link

  #page was supposed to do that. Perhaps we need to use a bigger hammer. Try this.

  body, #page {
  background: rgb(232,221,203) !important;
  }

• 

  thomashardman · Member · Mar 17, 2013 at 6:40 pm

  • Copy link

  You, sir, are a genius! Thank you!

• 

  thesacredpath · Member · Mar 17, 2013 at 6:58 pm

  • Copy link

  You are welcome. Sometimes my Firefox Firebug add-on lets me down on CSS coding, which was the case here. Glad it worked for you, and thanks.