WordPress.org

1. stokeyreggae
   Member
   Posted 10 months 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 10 months 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 9 months 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. sixhours
   Member
   Posted 9 months 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 9 months 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. sixhours
   Member
   Posted 9 months 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 9 months ago #

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

8. ClaytonJames
   Member
   Posted 9 months 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 9 months ago #

   perfect thanks!

10. ClaytonJames
    Member
    Posted 9 months ago #

    You're welcome!

Reply

You must log in to post.