WordPress.org

Support

Support » How-To and Troubleshooting » How do I add a white background to the middle section and leave the sides?

How do I add a white background to the middle section and leave the sides?

  • Hi, I am a complete novice! ok probabaly not a novice but feel like it at times. I’m stubbing my way through wordpress and know the absolute basics of html code.

    Ok my site is http://www.bridezilladesign.co.uk
    I’m using the oxygen theme. I want to change the middle section so it is white and then keep my pattern back ground at the sides. Similar to this http://kjokkenet.wordpress.com/

    I just think the white background will look better once I start adding in products.

    I’ve tried looking on the CSS but I just can’t figure out what I’m doing. I’ve managed to add white backgrounds to my posts and page but I want the white to stretch underneath the menus and logo at the top but then stop just before the footer i think.

    Can anyone help?? Sorry in advance if my message doesn’t make sense, its 12.32am!
    Thank you so much!

Viewing 2 replies - 1 through 2 (of 2 total)
  • WPyogi

    @wpyogi

    Forum Moderator

    This is the CSS code you’ll need to change:

    .wrap {
        background-color: white;
        margin: 0 auto;
        max-width: 940px;
        padding: 0 30px;
        position: relative;
    }

    Add the background-color and the padding lines — you can adjust the padding according to how you want it to look.

    When you add that code to the .wrap the padding affects the secondary menu too. It pushes it over. Any idea how to make it not do that?
    Tried adding a padding-left:-30px; to the #menu-secondary CSS but it didn’t work.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How do I add a white background to the middle section and leave the sides?’ is closed to new replies.
Skip to toolbar