WordPress.com

1. johnbierly
   Member
   Jun 19, 2007, 2:20 AM

   Hi, Everybody,

   I've been trying to figure out where in the CSS I need to edit to change the background color -- on the sides, under Categories, Blogroll, etc. -- from the theme's naturally fading color to a single, solid color. I've tried various things and even set up a dummy blog just for CSS testing/playing, but I can't figure out where to make that change and wondered if anyone else using Andreas09 had been successful in doing so, and if so, how you did it. :)

   Here's an example of what I mean:

   http://i83.photobucket.com/albums/j308/johnbierly/pageexample.gif

   I'm trying to change the background color under Categories, etc., to a solid color.

   Thanks so much for your time and your consideration.

   Sincerely,

   John

2. sunburntkamel
   Member
   Jun 19, 2007, 2:20 PM

   i'm feeling stupid now, because i can't find where the gradient is added. nonetheless, this will fix/hide it:
   

   #wrap {
   margin-top: 0;
   padding-top: 5px;
   background: #ccc;
   }

3. devblog
   Member
   Jun 19, 2007, 2:55 PM

   ... i can't find where the gradient is added.

   The gradient is part of the header background image (bodybg-orange.jpg) defined in the #container element.

   #container {
   	background:#f0f0f0 url(images/bodybg-orange.jpg) repeat-x;
   }

   Personally, I think that's kinda weird... I mean, the body background should be a separate image.

4. sunburntkamel
   Member
   Jun 19, 2007, 3:55 PM

   yeah, i realized that after. firebug apparently decided the image was too long, and cropped it.

   and yeah, that's definitely not a best practice.

5. johnbierly
   Member
   Jun 19, 2007, 5:22 PM

   Massive thanks to both of you! I appreciate your taking the time to look into it and answer.

   sunburntkamel, I did what you suggested and it worked like a charm.

   Thanks again!

   Very sincerely,

   John

6. johnbierly
   Member
   Jun 19, 2007, 9:13 PM

   Okay, one more stupid question. Now, at the bottom of the page, between the bottom of the content box and the footer, there's a solid gray stripe. How do I make the color of the wrap box go all the way down to the footer?

   I'd be useless without this forum, and I appreciate everybody who's a part of it. Thanks again.

7. sunburntkamel
   Member
   Jun 20, 2007, 6:23 PM

   there's a div that makes the layout complete properly. add this:

   .clearingdiv {
   background:#FFFAF0;
   clear:both;
   height:30px;
   width:auto;
   }

8. johnbierly
   Member
   Jun 20, 2007, 9:15 PM

   Once again, sunburntkamel, you are my hero. I recognize that I'm useless at CSS and appreciative of your time and your help. Thanks again!

9. sunburntkamel
   Member
   Jun 21, 2007, 1:01 AM

   no problem. you should check out http://getfirebug.com
   just right click on the part of your page that's not behaving, and click "inspect element".

10. johnbierly
    Member
    Sep 10, 2007, 10:29 PM

    Hello again,

    I have another question about this. (Imagine that. :))

    Here's the custom CSS to clear out the background and make it all white:

    #wrap {
    margin-top:0;
    padding-top:5px;
    background:#ffffff;
    }
    
    .clearingdiv {
    background:#ffffff;
    clear:both;
    width:auto;
    }

    But when I look at this page ...

    http://johnbierly.wordpress.com/about/

    ... or a search page like this ...

    http://johnbierly.wordpress.com/?s=ray+liotta

    ... or a short post like this ...

    http://johnbierly.wordpress.com/2007/07/31/im-way-behind/

    ... the white background doesn't extend all the way down the page; the bottom of the page still shows the theme's default gradient-gray image background showing through.

    Is there any way to CSS this in a way that makes my white background extend all the way down on every page?

    Thanks again in advance; you guys are the best and I really do appreciate the patience and help.

    - JB

11. johnbierly
    Member
    Sep 11, 2007, 1:55 AM

    I'm actually switching from Andreas09 to another theme. Sorry to post a question and then change my theme altogether, but I do appreciate anybody who gave the question a look. Thanks as always!

Topic Closed

This topic has been closed to new replies.