WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Change color outside of container (12 posts)

  1. Jimbo41
    Member
    Posted 5 years ago #

  2. Jimbo41
    Member
    Posted 5 years ago #

  3. ClaytonJames
    Member
    Posted 5 years ago #

    style sheet, line 78'ish

    body {
    background: #f3f6f3;

  4. ClaytonJames
    Member
    Posted 5 years ago #

    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.

    :-p

  5. Jimbo41
    Member
    Posted 5 years ago #

    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?

  6. eryan215
    Member
    Posted 5 years ago #

    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.

  7. ClaytonJames
    Member
    Posted 5 years ago #

    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.

    @eryan215

    He is using the mistylook theme.

  8. Jimbo41
    Member
    Posted 5 years ago #

    I am not making myself very clear. raggedmountainvoice.org, 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.

    Jimbo41

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

  9. Jimbo41
    Member
    Posted 5 years ago #

    ClaytonJames/Eryan215,

    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!

  10. helenspacegirl
    Member
    Posted 5 years ago #

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

  11. ClaytonJames
    Member
    Posted 5 years ago #

    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.

    http://raggedmountainvoice.org/wp-content/themes/mistylook/style.css

    Huh... Weird.

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

  12. Jimbo41
    Member
    Posted 5 years ago #

    ClaytonJames,

    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?

Topic Closed

This topic has been closed to new replies.

About this Topic