Support » Themes and Templates » possible to make the margins gray?

Viewing 15 replies - 1 through 15 (of 17 total)
  • Which margins? Every element of your page is a box with a margin.

    you know the page margins…that 1-2in column of nothingness that you see on the left-hand and right-hand sides of every page of almost every wordpress blog…is it possible to make it gray instead of white? if so how?

    btw – here is what i’m working ith:

    #wrap {
       background: #ffffff;
       margin: 0px auto 0px;
       padding: 0px;
       }

    That´s no margin, that´s the body, so you have to change your body background-color. Yours is defined in wp-content/themes/revolution_blog-10/style.css:

    body {
    background: #FFFFFF url(images/bg2.png) no-repeat;
    color: #202020;
    font-size: 12px;
    font-family: Arial, Tahoma, Verdana;
    margin: 0px auto 0px;
    padding: 0px;
    }

    i want to make the tall outside columns gray…you know that blank space on either side of the content – i want to make that gray instead of white on my blog at http://www.energyanalysis.org. does that make sense? is that possible? if so how do i do it?

    I can’t say for sure this will work but it’s worth the experiment 🙂

    change `body {
    background: #FFFFFF url(images/bg.gif) repeat-x;
    color: #202020;
    font-size: 12px;
    font-family: Arial, Tahoma, Verdana;
    margin: 0px auto 0px;
    padding: 0px;
    }`

    to `body {
    background: gray url(images/bg.gif) repeat-x;
    color: #202020;
    font-size: 12px;
    font-family: Arial, Tahoma, Verdana;
    margin: 0px auto 0px;
    padding: 0px;
    }`
    change gray to the color of gray you want.
    and then the wrap to this

    #wrap {
    	background: #FFFFFF;
    	margin: 0px auto 0px;
    	padding: 0px;
            width:980px;
    	}

    Evita just told you how to do it!

    Evita’s suggestion didn’t work. but I appreciate the suggestion.

    4k that didn’t work either. the whole body background flashed gray side to side (including content) when the page loaded, but then the background reverted to white. no change. wierd.

    Evita is right. Body controls the background color of the entire page. Within the body, every other element of your page has its own background which you can modify individually. Changing the background on body to gray probably changes everything on the page to gray. Once that is done, you have to go through the various page elements and the make sure their backgrounds are white. If you have gray in between those elements, you will have to make margin/padding adjustments to close the gaps. Those outside columns are not defined elements of the page that can be styled separately.

    as per my previous post…i edited code changing the body to gray, and what happened is that the whole body background flashed gray side to side (including content) when the page loaded, but then the background reverted to white. no change. very weird.

    but did you change the wrap?

    and then you will need to tweak content too for the single posts and pages

    really it’s just a matter of playing with things till you get where you want

    strangest thing….no matter what I do to the body and wrap code, it has no effect on the blog…i even deleted the whole code – nothing changes. i think my theme is fucked up or something.

    whooami

    (@whooami)

    Member

    im confused — you wrote this:

    i want to make the tall outside columns gray…you know that blank space on either side of the content

    Only thing is your content is on the far left — consequently there are NOT tall grey columns on either side of your content.

    If you can take a screenshot and display/mark prominantly what you are trying to change it would certainly help me.

Viewing 15 replies - 1 through 15 (of 17 total)
  • The topic ‘possible to make the margins gray?’ is closed to new replies.