Changing background colour in TwentyTen Theme

  • Resolved stevedw

    (@stevedw)


    14 years, 1 month ago

    Im using a TwentyTen Child theme, how do I change the background colour? Ive read a guide online which says to change background: in the #wrapper section.

    I put this code in the Child theme’s style.css file but the background colour stays exactly the same as it was before.

    #wrapper {
	background: E2E0E0;
	margin-top: 0;
}

    Any help welcome, Thanks.

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

  • but the background colour stays exactly the same as it was before.

    you may need to clear the browser cache by pressing the ‘reload’ button on the browser; or by pressing ‘ctrl’ and ‘f5’ simultanously.

    btw:
    the color of what background?

    Thread Starter stevedw

    (@stevedw)

    I mean the background color which is shown on both sides of the page which is light grey by default for the TwentyTen theme.

    I tried refreshing the browser but it hasn’t made any difference. I also tried using a different browser.

    By putting background: in the Child Theme’s style.css file it’s actually made the header image moved down by around 10 pixels for some reason.

    #wrapper {
	background: E2E0E0
	margin-top: 0;
}

    You forgot to put the # in front of the Color HEX.

    Fixed:

    #wrapper {
	background: #E2E0E0
	margin-top: 0;
}

    Thread Starter stevedw

    (@stevedw)

    Ive just added that # but it made no difference. The background color is still the same and the header image is moved down the around 10 pixels.

    Try:

    #wrapper {
	background: #E2E0E0;
	margin-top: 0;
}

    The semi-colons are really quite important.

    Thread Starter stevedw

    (@stevedw)

    @esmi. It worked this time but it has changed the wrong background color.

    The color i wanted to change is the background on both sides of the page. The one which is light grey by default for the TwentyTen theme.

    This has changed the actual page background which was originally white.

    Why not use the Appearance->Background option in the Admin area?

    Thread Starter stevedw

    (@stevedw)

    I thought of that but wouldn’t it lose those settings when i upgrade WordPress? Which is why i was thinking it would be better to change it in the Child theme’s CSS instead.

    wouldn’t it lose those settings when i upgrade WordPress?

    No it won’t.

    Thread Starter stevedw

    (@stevedw)

    Ok, thanks. All done.

    incase you want it in your css.

    This should work.

    body {
background: #E2E0E0;
}

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘Changing background colour in TwentyTen Theme’ is closed to new replies.