WordPress.org

Ready to get started?Download WordPress

Forums

Changing Theme background color in style.css (11 posts)

  1. hilstudio
    Member
    Posted 4 years ago #

    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

  2. hanni
    Volunteer Moderator
    Posted 4 years ago #

    Please be careful when posting, it looks like you posted this several times - I've cleaned things up :)

  3. hilstudio
    Member
    Posted 4 years ago #

    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! :)

  4. Rev. Voodoo
    Volunteer Moderator
    Posted 4 years ago #


  5. Rev. Voodoo
    Volunteer Moderator
    Posted 4 years ago #

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

    or

    backgound: #000000;

    would do it.....

  6. hilstudio
    Member
    Posted 4 years ago #

    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.

    Ron

  7. Rev. Voodoo
    Volunteer Moderator
    Posted 4 years ago #

    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....

  8. hilstudio
    Member
    Posted 4 years ago #

    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--

    Ron

    Oh, yes, here's the site:

    http://www.hildebrandstudio.com/blog/

  9. Rev. Voodoo
    Volunteer Moderator
    Posted 4 years ago #

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

    gotta do that to see css changes

  10. hilstudio
    Member
    Posted 4 years ago #

    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.

    Ron

  11. Sicaria
    Member
    Posted 3 years ago #

    Hello,

    My blog somehow became corrupt?
    http://sicaria.com/sicariablog/

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

    I appreciate any advice.

    Thanks,

Topic Closed

This topic has been closed to new replies.

About this Topic