How do I add a white background to the middle section and leave the sides? (3 posts)

  1. bridezilladesign
    Posted 3 years ago #

    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!

  2. WPyogi
    Forum Moderator
    Posted 3 years ago #

    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.

  3. brentlakes
    Posted 3 years ago #

    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.

Topic Closed

This topic has been closed to new replies.

About this Topic