Support » Themes and Templates » Changing Theme background color in style.css

  • I’m using lilypad-25 for a theme, but have changed the header look completely, as well as the color scheme from blue to black and gray, but left the theme’s blue background alone. Last night, I decided to get rid of the blue altogether, but have not been successful in changing the underlying background color in style.css, so the blog looks pretty ugly right now:

    Perhaps I’m trying to edit the wrong area? Here’s the text at the very top of style.css, which I think is the basic page background. I want to change the 304663 blue to plain black, #000000.

    /* BODY {

    background: #304663 url(images/bg.jpg) repeat-x;


    I want to change the 304663 blue to plain black, #000000

    bg.jpg is a background image component, but is used only along the top row across the screen, and served (in the original, pre-modified theme) as a gradient area to transition from a very dark blue to the lighter blue of the background. The modified bg.jpg is now solid black.

    I edited style.css in Notepad on the computer, and then ftp’d it to the theme directory. I don’t have a lot of knowledge about this–for instance, I couldn’t write a style sheet myself from scratch, and just know to keep any changes formatted exactly like the pre-change text.

    My issue is that I either need to change the underlying background color, or just have bg.jpg repeat to fill the entire background, not just the top row.

    I updated from 2.7 to 2.9 last night, too, and for some reason, I’m now getting borders around all images. I could do a separate post on it, but my guess is I just can’t find the right switch, or is this something I need to correct in style.css, too?

    Thanks for any help!!

    Ron H

Viewing 10 replies - 1 through 10 (of 10 total)
  • Please be careful when posting, it looks like you posted this several times – I’ve cleaned things up 🙂

    I know–sorry. I thought I could just clean it up by deleting it, but that option doesn’t seem to be available. If you can remove two of them, that would be great! 🙂

    background: #000000 url(images/bg.jpg);


    backgound: #000000;

    would do it…..

    Thanks, RVoodoo. I tried just the #000000 without any luck last night, and that’s why I thought perhaps I was changing the wrong line, or should have maybe used something other than Noepad.

    I’ll try it again. Thanks again for the post.


    if that doesn’t work, give a link to your site so we can look at your css….

    this confuses me…

    /* BODY {
    background: #304663 url(images/bg.jpg) repeat-x;

    the /* business looks like its commenting out your background….

    That did it this time, RVoodoo:

    I’ve done simple changes like this before and it worked fine, but I couldn’t get it to change this time, and that’s why I thought perhaps I was editing the wrong text. When I would look at it in the editor within WordPress, it read #000000, but I still had the blue background. Gotta be something I did (or didn’t do), I just don’t know what that could have been.

    The only change I can think of this time is instead of directly uploading the new style.css to overwrite the old one, I renamed the old copy first, then uploaded the new version. Perhaps for some reason last night I couldn’t clear the old version of the site from my cache, and therefore wasn’t seeing the change, even though I did reload several times. Oh well, it’s fixed now.

    I added the “/*” into the post because when I first posted this, the text from there on down was blue, and I thought somehow that bit of coding was affecting the post, and felt I should try to comment it out. So, it’s not in the original style.css file.

    Thanks again–


    Oh, yes, here’s the site:

    after changing css, do you refresh the browser cache? (ctrl+f5)

    gotta do that to see css changes

    Yeah, did that several times, so I thought I was seeing whatever changes had taken place. The more I think about it, the more I think the cache is probably where the problem lies, however.



    My blog somehow became corrupt?

    The orange is not supposed to be there. Im not quite sure what happened.

    I appreciate any advice.


Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Changing Theme background color in style.css’ is closed to new replies.