WordPress.org

Ready to get started?Download WordPress

Forums

TwentyEleven - Change 'main' background colour (12 posts)

  1. stokeyreggae
    Member
    Posted 2 years ago #

    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:
    http://www.kirstiebenbow.co.uk

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

    thanks

  2. esmi
    Theme Diva & Forum Moderator
    Posted 2 years ago #

    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.

  3. stokeyreggae
    Member
    Posted 2 years ago #

    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?

  4. Caroline Moore
    Member
    Posted 2 years ago #

    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.

  5. ErikWunder
    Member
    Posted 2 years ago #

    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!

  6. Caroline Moore
    Member
    Posted 2 years ago #

    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.

  7. stokeyreggae
    Member
    Posted 2 years ago #

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

  8. ClaytonJames
    Member
    Posted 2 years ago #

    I think this is holding you back.

    line 334 in style.css

    #page {
    	background: #fff;
    }

    line 2199

    #site-generator {
    	background: #f9f9f9;
  9. stokeyreggae
    Member
    Posted 2 years ago #

    perfect thanks!

  10. ClaytonJames
    Member
    Posted 2 years ago #

    You're welcome!

  11. islandmaan
    Member
    Posted 1 year ago #

    I have a background problem. My site http://www.footballbets.com 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 http://www.footballbets.com.

    Thanks for your help.

    Brian

  12. cubecolour
    ɹoʇɐɹǝpoɯ
    Posted 1 year ago #

Topic Closed

This topic has been closed to new replies.

About this Topic