Support » Themes and Templates » Change color outside of container

Viewing 11 replies - 1 through 11 (of 11 total)
  • style sheet, line 78’ish

    body {
    background: #f3f6f3;

    p.s. I think a black background makes that layout pop…

    But, on the other hand, my eye glasses do have “hubble” stamped on the lenses…

    carry on.


    I have tried this before. I am not looking to change the background color inside the container and body, but the area surrounding the viewable area in the rest of the browser window. Any suggestions there?

    I did what you are describing. I have the Kubrick template and on my stylesheet.css, the change I needed to make was at the very top of the page, line 5, where it says “background” (I changed it to ededed from what it was before). In whole, it looks like this:

    /* Begin Typography & Colors */
    body {
    font-size: 62.5%; /* Resets 1em to 10px */
    font-family: ‘Lucida Grande’, Verdana, Arial, Sans-Serif;
    background: #ededed url(‘images/kubrickbgcolor.jpg’);
    color: black;
    text-align: center;

    This changed the area outside the container where the text is. The white background for the container is governed by the “page” part of the stylesheet.

    Anyway, I hope that helps.

    I am not looking to change the background color inside the container

    I didn’t give you instructions for changing anything inside the container div. The container background is white. (#ffffff). I gave you instructions for changing the crappy washed out green color (#f3f6f3) outside of everything else.

    the area surrounding the viewable area in the rest of the browser window

    I’m afraid you’ve got me stumped, friend. That makes no sense to me. Everything outside of the actual “site” ( container and navigation divs ) is the page background color #f3f6f3 (washed out green).

    Perhaps you could post the color code of the area you want to change, or maybe a small annotated screen shot somewhere so someone can get a better idea of what you want to do.


    He is using the mistylook theme.

    I am not making myself very clear., this site is 780 pixels wide in the viewable area inside the conatiner. I am interested in trying to change the area outside the actual site that currently appears to me to be light gray. Sorry to do this, but here is the css style sheet. I understand changing background color inside a body tag. I don’t see any css references in the list below that deal with the area outside of the site iteslf, that area that expands as you open up your browser window. My intuition as a newbie to CSS tells me that this change is handled elsewhere. Maybe. Anybody understand this? By the way, new to WP as well. Love, love, love it. Look forward to expanding the community.


    [huge chunk of code moderated – please use a pastebin]


    alright. I got it. I don’t kmow why it didn’t work before. When I chnaged it yesterday per your istr. it chnages the area behind the text. I must have been in the wrong line. Thnak you. My color code is wrong. I need to get the right hex. color right away. Ugh!!
    Problem Resolved.

    Thank you!

    I think the area outside the container is sometimes called the wrapper, which I think is sometimes viewabl

    Very strange… Even at 1680 x 1050 res, I still can’t see it. I couldn’t find a wrapper defined in the style sheet, either.

    Huh… Weird.

    Oh, well I guess he must have sorted it out. …Marked it resolved.


    I changed it to black as you mentioned above. You can see the change right? I only checked it in Firefox. You mentioned that you can’t see it.

    The change to the body portion, background, did work. But how would the CSS look if a wrapper were defined in a CSS style sheet?

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘Change color outside of container’ is closed to new replies.