[resolved] Gray Background in Twenty Eleven Theme (4 posts)

  1. lifebygeek
    Posted 4 years ago #

    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


  2. Michael
    Forum Moderator
    Posted 4 years ago #

    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

  3. lifebygeek
    Posted 4 years ago #

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

  4. andrewdonaldm
    Posted 4 years ago #

    Thanks alchymyth,

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

Topic Closed

This topic has been closed to new replies.

About this Topic