Forums

[resolved] Twenty Eleven child theme: sidebar color behaving strangely (5 posts)

  1. makemoore
    Member
    Posted 7 months ago #

    Hello all. I'm working on a child theme of Twenty Eleven, and trying to get the sidebar background color changed (I know there are a thousand threads on this, and I've read them all, but none addressed my specific question).

    I managed to get the sidebar background color changed to red by doing this:

    #main {
    	clear: both;
    	padding: 1.625em 0 0;
            background: #da1d22;
    }

    As well as:

    #secondary {
    float: right;
    	margin-right: 7.6%;
    	width: 18.8%;
    background:#da1d22;
    }

    However, if you visit the site (http://www.alcohollywood.com/) there is a red stripe below the menu bar, above the page content. (As well as a thin white stripe below the menu bar, but I can live with that one if I have to.)

    Ideally I would like to remove the white AND red horizontal lines, so the sidebar starts right below the menu and is red all the way up to the menu's bottom edge. (It would be cool if I could also extend the red down to the bottom of the page regardless of content length, but that's not essential.)

    Can anyone help? I appreciate it very much.

  2. Josh
    Member
    Posted 7 months ago #

    Add these to your custom css:

    #access {
        margin: none;
    }
    
    #main {
        background: none repeat scroll 0 0 #FFFFFF;
    }
    
    #secondary {
        margin-top: -24px;
    }
  3. makemoore
    Member
    Posted 7 months ago #

    Ha! You, sir, are a genius. Looks fantastic. Thank you so much!

  4. Josh
    Member
    Posted 7 months ago #

    You're welcome :)

  5. sukacuka
    Member
    Posted 7 months ago #

    guys. i also want change my sidebar color. I already try to follow step the you all discus but i cant find that code and custom css.

    please help me. newbie.

    http://www.sukacuka.com

Reply

You must log in to post.

About this Topic