Support » Themes and Templates » TwentyEleven – Change 'main' background colour

  • Hi there,

    I would like to change the background of the ‘main’ section of my website from white to grey.

    Any ideas how this can be done? I’ve scanned through the styles.css file and can’t find anything.

    here is my site:

    I would also like to know how to make my navigation links appear all on one line


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


    Forum Moderator

    Do not edit the Twenty Eleven theme. It is the default WordPress 3.2 theme and having access to an unedited version of the theme is vital when dealing with a range of site issues. However, you can apply a custom background to Twenty Eleven using Appearance -> Background.

    This does not help as I do not want to change the background of ‘Body’.

    I want to change the white background in the ‘main’ section.

    Cant anyone help?

    Add this to your child theme’s style.css:

    #page {
       background-color: #888;
    #branding .only-search + #access div {
        padding-right: 0px;

    Obviously changing the background color to whatever shade of gray you’d prefer.

    Ok – I’m new at this as well and would like to change the “whatever it’s called where the writing goes” background color – not the background color that the theme offers, but the other background color.

    I tried looking for a suitable place in the style.css to post the above code, but I’m not familar enough about WHERE to post that. Do I just put it anywhere in there? If I’m not asking too much, could someone post instructions stating “PLACE THIS CODE between THIS and THIS? If I get this much info, I can handle the rest. Thanks!

    You’ll need to create a child theme of Twenty Eleven first.

    Once that’s done, you can put the above code anywhere in your style.css file for your child theme.

    Thanks for the reply but it didn’t work for me

    I think this is holding you back.

    line 334 in style.css

    #page {
    	background: #fff;

    line 2199

    #site-generator {
    	background: #f9f9f9;

    perfect thanks!

    You’re welcome!

    I have a background problem. My site was looking good and some how I lost the background color scheme for the posting area. I have it set to light in the theme options and it was working correctly. Now the color theme for the post area is the same as my Background colors of the site.

    If i change the settings under the Theme Options from light to dark only the background color of the heading changes and not the body or post area. It is the same as the outside borders of the background setting.

    Any ideas? The site is

    Thanks for your help.


    Moderator cubecolour



Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘TwentyEleven – Change 'main' background colour’ is closed to new replies.