changing the background color

• 

  lilyinthecity · Member · Jul 22, 2009 at 9:42 pm

  • Copy link
  • Add topic to favorites

  I am using the theme Cutline by Chris Pearson for my page and the background is white. I bought the CSS upgrade because I want to put some color in it. When I go to the original CSS stylesheet, I can’t change the code for the background code. My guess is that I’m changing a code that does not apply… Can anyone tell me what on the original CSS needs to be changed to get either the colour black (hex#000000) or midnightblue (hex #191970)?

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

• 

  thesacredpath · Member · Jul 22, 2009 at 9:51 pm

  • Copy link

  We need a link to the blog please.

• 

  lilyinthecity · Member · Jul 22, 2009 at 11:03 pm

  • Copy link

  http://www.lilyinthecity.com

• 

  thesacredpath · Member · Jul 23, 2009 at 1:03 am

  • Copy link

  It’s the background declaration under “body” – change the #ffffff to the color code you want.

• 

  lilyinthecity · Member · Jul 23, 2009 at 2:15 am

  • Copy link

  I’ve tried that but nothing changes. What throws me a little is that it says:

  body {background: #fff ; color: #333

  So I tried to change #fff to #000000 and nothing happened

  I tried to put the new code under the color such as background: #fff ; color: #000000

  I tried to do body {background-color :#000000

  In each case, nothing changes on my page when I preview it, even after I save it.

  What am I doing wrong?

• 

  thesacredpath · Member · Jul 23, 2009 at 2:21 am

  • Copy link

  Since I can’t see the blog (it’s set to private) I need you to answer some questions:

  1. Did you paste the entire CSS into the CSS edit window or did you just paste the the body background declaration?

• 

  thesacredpath · Member · Jul 23, 2009 at 2:25 am

  • Copy link

  By the way, the separate color declaration is for the body text, not the background.

• 

  devblog · Member · Jul 23, 2009 at 2:31 am

  • Copy link

  Just in case you’re pasting a whole new CSS in the editor, don’t do it. Put in the CSS editor only the changes you want to make, and leave the “Add to existing CSS” radio button checked.

  So, paste this in your CSS editor; again, this should be the only code there:

  body {
  background:#191970;
  }
  
  #container {
  background:#fff;
  overflow:hidden;
  }
  
  #content {
  padding:0 20px 0 10px;
  }

  Notice that other changes needed to be made in order to make it look right. I’ve implemented those changes in my blog, check it out;

  http://sandboxskins.wordpress.com

  I’ll leave it like that for a couple of hours, then I’ll revert it back to its previous look.

• 

  devblog · Member · Jul 23, 2009 at 2:33 am

  • Copy link

  TSP beat me to it… I’m typing slower than usual today…

• 

  lilyinthecity · Member · Jul 23, 2009 at 2:52 am

  • Copy link

  Thank you thesacredpath and devblog. I just reset my blog as public.

  I didn’t paste the entire CSS. Actually, I didn’t paste anything. I just opened the original CSS, deleted #fff and typed in directly my code instead. Maybe that’s the problem.

  Interestingly enough, I went to your site thesacredpath and the color you changed, which is what I was asking for, I guess … is actually not what I want. I want the color to replace the main middle, which right now is white, not the outer part. But I’m gonna fiddle with it to get the hang of it and I’ll get back to you.

  Gosh, I’m gonna confuse everybody!!

  devblog, while I fiddle with it, I’ll try copying and pasting the above to see what happens.

  Thanks again to both of you….

• 

  thesacredpath · Member · Jul 23, 2009 at 3:06 am

  • Copy link

  I didn’t change it on my site. The site linked to my username is a self-hosted blog. All I did was use the preview CSS function in one of my test blogs that is set to private.

  You cannot edit the existing CSS. What you want to do is what devblog outlined and your changes will override the declarations in the original CSS.

• 

  lilyinthecity · Member · Jul 23, 2009 at 4:13 am

  • Copy link

  sorry, the change I was talking about was on devblog’s site.

  Okay, so I did the copy and paste and it did work. I actually tried different colors and stayed with dimgrey (#696969) so now the outer part of the page is grey. Is there anyway to change the white middle part into grey as well? I’m trying to get my page colored as a whole.

  Thanks again thesacredpath and devblog for all your help

• 

  thesacredpath · Member · Jul 23, 2009 at 4:17 am

  • Copy link

  Change the background color declaration under #container in the code devblog gave you.

• 

  lilyinthecity · Member · Jul 23, 2009 at 12:33 pm

  • Copy link

  Thank you thesacredpath and devblog. It worked.