Gray Background in Twenty Eleven Theme

  • Resolved lifebygeek

    (@lifebygeek)


    13 years, 2 months 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 https://www.lifebygeek.com

    Thanks!

Viewing 3 replies - 1 through 3 (of 3 total)

  • 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

    Thread Starter lifebygeek

    (@lifebygeek)

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

    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 ‘Gray Background in Twenty Eleven Theme’ is closed to new replies.