WordPress.org

Ready to get started?Download WordPress

Forums

possible to make the margins gray? (18 posts)

  1. energymv
    Member
    Posted 5 years ago #

    at http://www.energyanalysis.org

    want gray margins, instead of current white.

  2. Chrisber
    Member
    Posted 5 years ago #

    Which margins? Every element of your page is a box with a margin.

  3. energymv
    Member
    Posted 5 years ago #

    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?

  4. energymv
    Member
    Posted 5 years ago #

    btw - here is what i'm working ith:

    #wrap {
       background: #ffffff;
       margin: 0px auto 0px;
       padding: 0px;
       }
  5. Evita
    Member
    Posted 5 years ago #

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

  6. energymv
    Member
    Posted 5 years ago #

    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?

  7. 4k
    Member
    Posted 5 years ago #

    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;
    	}
  8. Chrisber
    Member
    Posted 5 years ago #

    Evita just told you how to do it!

  9. energymv
    Member
    Posted 5 years ago #

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

  10. energymv
    Member
    Posted 5 years ago #

    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.

  11. Chrisber
    Member
    Posted 5 years ago #

    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.

  12. 4k
    Member
    Posted 5 years ago #


  13. energymv
    Member
    Posted 5 years ago #

    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.

  14. 4k
    Member
    Posted 5 years ago #

    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

  15. energymv
    Member
    Posted 5 years ago #

    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.

  16. whooami
    Member
    Posted 5 years ago #

    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.

  17. whooami
    Member
    Posted 5 years ago #

    .. that said, looking at the way that theme is constructed, i can tell you this much -- its not conducive to change

    your left most content (posts) is inside div #content > div #contentleft

    the center sidebar is inside div #content > div #l_sidebar BUT it doesnt actually start until the post categories bit begins.. the empty space above that.. its just inside div #content

    your upper right google ads are inside div #aus > div #ads

    your right-most sidebar is inside div #content > div #r_sidebar

  18. energymv
    Member
    Posted 5 years ago #

    yea i think this theme was abandoned by the author a while back. I need to find something more fluid. thanks to everyone's help, i finally made the sides gray instead of white, but i need to find a more fluid theme that i can play with more easily. the one thing i learned here though is that i need to clear my cache or cookies for changes to take effect.

Topic Closed

This topic has been closed to new replies.

About this Topic