WordPress.org

Support

Support » How-To and Troubleshooting » [Resolved] Gray Background in Twenty Eleven Theme

[Resolved] Gray Background in Twenty Eleven Theme

  • lifebygeek
    Member

    @lifebygeek

    Hi, I’ve recently begun working on my own Twenty Eleven child theme, and can’t seem to figure out how to remove the default gray background that surrounds my site. Is this border its own element, or a border for some other element? Any help would be much appreciated. I’m most concerned with removing the border from the top and bottom, but would like to be able to change the sides as well.

    My site can be seen at http://www.lifebygeek.com

    Thanks!

Viewing 3 replies - 1 through 3 (of 3 total)
  • Michael
    Forum Moderator

    @alchymyth

    these are the styles from style.css of the parent theme:

    body {
    	padding: 0 2em;
    }
    #page {
    	margin: 2em auto;
    	max-width: 1000px;
    }

    add corresponding styles to style.css of the child theme; reduce the 2em in both styles;
    you can set the background color from within dashboard -> appearance -> background

    lifebygeek
    Member

    @lifebygeek

    Thanks! I managed to remove it completely by setting the padding and margins to 0, and by setting max-width to none.

    andrewdonaldm
    Member

    @andrewdonaldm

    Thanks alchymyth,

    What if you want to change the grey border colour instead of removing it?

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘[Resolved] Gray Background in Twenty Eleven Theme’ is closed to new replies.