Can’t change background color of “body” in Neat

  • Author
    Posts
  • #39262

    swedith
    Member

    I am just a beginner at blogging (with some css experientce). My blog (not public yet) is a tweaking of the NEAT theme. I purchased the css editor and have managed to make some customizing. But the Body backgroun-color stubbornly stays the same no matter what I do with it.

    Looking at the theme, it appears that the body background is really an image (blue gradient) and not really a background-color. But there is no such style as background-image, only background-color. What I really want to do is add a background image (a speckled rust graphic) to match my web site (www.swedithintina.com) but I can’t figure out what path to put in to link to an image for the background-image.

    Right now I have changed the css to background-color: #C74A24 (the original is background-color: #454C67) but the end result remains blue. How can I correct this?

    Thanks.
    http://www.swedith.wordpress.com

    Here’s the css I’m using;

    body {
    font-size:70.5%;
    font-family:’Trebuchet MS’, ‘Lucida Grande’, Verdana, Arial, Sans-Serif;
    background-color:#C74A24;
    color:#000;
    text-align:left;
    margin:0;
    padding:0;
    }

    #39429

    nosysnoop
    Member

    When I was at Blogger I use to change my blackground alot and add images and change the color. But I just went there now and remembered that you take the html code and place it in between:

    But when I clicked Preview, it didn’t fit the entire blog the way it should. So you have to figure out the height and width problems. But the code goes there.

    #39528

    try this:
    body {
    font-size:70.5%;
    font-family:'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
    background-color: #454C67 !important;
    color:#000;
    text-align:left;
    margin:0;
    padding:0;
    background-image: none !important;
    }

    neat! uses a background image, so changing the color will be overridden by the default style.

    #39530

    timethief
    Member

    @kamel
    From the sidelines I think I see that the combined use of the background colour
    background-color: #454C67 !important;
    and eliminating the existing image
    background-image: none !important;
    is meant to override what’s already in the theme. *lol* if you keep giving online css customization classes I may soon have enough !important info to try to brutalize my own theme. ;)
    P.S. I’m looking forward to reading the swedith stories. :)

    #39533

    heh, !important is totally a cheat. it’s probably not necessary for for background-image, but background-color didn’t kick in until i threw the important.

    i use the firefox web developer extension to edit the CSS live. it’ll let you see what CSS sheets are loaded, and you can edit things and see what happens.
    http://addons.mozilla.org/firefox/60/

    #39581

    swedith
    Member

    Thanks, sunburntkamel, that did the trick. Now, can we take it one step further? What’s I’d really like is to use a backgroun image ( I have the tile jpg). But I don’t know how to write the path. Thanks for the Firefox link.

    What confuses me is that the style.css I downloaded for NEAT did not include a background-image (or at least I couldn’t see it) and yet I knew it displayed as a gradient. Should I have used a different method for obtaining the original css for modifying?

The topic ‘Can’t change background color of “body” in Neat’ is closed to new replies.