How do I chance the Background color on neat?

• 

  auroraarts · Member · Dec 19, 2009 at 4:04 pm

  • Copy link
  • Add topic to favorites

  I hate the blue default background color on neat. Every time I change the background color from #454C67 to #FFFFFF Custom header disappears! Please help!

  body {
  background:url(‘images/bg.jpg’) repeat-x top center fixed;
  border:none;
  font-size:62.5%;
  font-family:’Lucida Grande’, Verdana, Arial, Sans-Serif;
  background-color:#454C67;
  color:#61636A;
  text-align:left;
  margin:0;
  padding:0;
  }

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

• 

  karenstuebing · Member · Dec 19, 2009 at 5:11 pm

  • Copy link

  Try adding this to the style sheet. I had this same problem and researched it. This worked for me.

  #masthead {
  position:relative;
  top:0;
  background:url(‘LINK TO YOUR HEADER’);
  width:700px;
  height:225px;
  margin:0;
  padding:20px;
  }

• 

  thesacredpath · Member · Dec 19, 2009 at 5:22 pm

  • Copy link

  @karen, that won’t work in the Neat theme. The background for that theme is defined in “body” . CSS is theme specific in general and what works in one theme won’t work in another.

  Also I don’t think they have the CSS upgrade.

  @auroraarts, can you confirm if you have the CSS upgrade or not?

• 

  auroraarts · Member · Dec 19, 2009 at 5:26 pm

  • Copy link

  yes it’s upgraded

• 

  thesacredpath · Member · Dec 19, 2009 at 6:17 pm

  • Copy link

  I’m seeing the header image and a new background, so apparently you got this solved?

• 

  thesacredpath · Member · Dec 19, 2009 at 6:29 pm

  • Copy link

  OK actually I see you have apparently done the background using the text widget trick.

  First off, at wordpress.COM, never paste the entire stylesheet into the css edit window. It will end up breaking relative URL’s in the CSS and causing other issues. It is best to put in only the specific selectors, and the specific declarations that you are changing.

  See this post by devblog: http://csswiz.wordpress.com/2009/10/15/if-you-have-the-wp-com-css-upgrade/ .

  With the above post in mind, what you would want to do is to delete everything you now have in the CSS edit window and start with the below.

  body {
  background: #dad2bd url(http://auroraarts.files.wordpress.com/2009/12/flower-images-raw.jpg) repeat scroll center top;
  }

  Notice how I included only the background declaration since that is the only thing I’m changing in that section? Notice also the #dad2bd color I declared for the background? I did that so that if for some reason the image does not load, there will not end up being the blue background color, or a stark white color absent the image.

• 

  karenstuebing · Member · Dec 19, 2009 at 8:31 pm

  • Copy link

  Good to know. I was editing the original style sheet. But I still can’t get IE to look like Firefox. Is that even possible? It’s starting to look the way I want it in Firefox but in IE6, the page navigation part is not the same.

• 

  timethief · Member · Dec 19, 2009 at 9:32 pm

  • Copy link

  This will show you how your changes display in all browsers http://browsershots.org

• 

  karenstuebing · Member · Dec 19, 2009 at 10:46 pm

  • Copy link

  Thanks timethief. I am new at this. I do have the Firefox plug in which helps some. I’ve been at it for hours. And sorry, didn’t mean to hijack this thread.