WordPress.com

1. swedith
   Member
   Nov 21, 2006, 12:40 AM

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

2. nosysnoop
   Member
   Nov 21, 2006, 3:52 AM

   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:

   http://img179.imageshack.us/img179/6160/bloggerdl0.png

   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.

3. sunburntkamel
   Member
   Nov 22, 2006, 12:50 AM

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

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

4. timethief
   Member
   Nov 22, 2006, 1:20 AM

   @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. :)

5. sunburntkamel
   Member
   Nov 22, 2006, 2:28 AM

   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/

6. swedith
   Member
   Nov 22, 2006, 5:52 PM

   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?

Topic Closed

This topic has been closed to new replies.