Support » Themes and Templates » How to make sidebar transparent

Viewing 9 replies - 1 through 9 (of 9 total)
  • Could you post a link to the site you’re working on as an example. By default the twenty-ten theme does not have a background-color set on it.

    When you say transparent, do you mean that you want the main content column to have a background color, but you would prefer the sidebar show-through to the page background?

    I hope that made sense.


    i want the main content and sidebar area to match the background installed already

    You’ll want to set:

    #wrapper { background: transparent; }

    in your theme’s style.css file (hope you’re using a child theme!)

    yeah i am thanks
    where is the #wrapper located in the css if u know

    i see a #container thats the same thing right

    If your style.css doesn’t container #wrapper, then you can just add the rule I described above.

    If you copied the original stylesheet from the parent theme it will be on line #147.

    Hope this helps,


    this is what i found under the structure in the style css
    #wrapper {
    margin: auto;
    width: 940px;
    #wrapper {
    margin-top: auto;
    padding: 0 20px;

    so do i do away with the margin and width and just replace with the code u gave?

    Nah, don’t do that.

    You want to add the code: background: transparent;
    to the end of the second one, before the closing bracket: }

    does that make sense?

    Try doing that and see if it works, or you can completely replace the two that you showed above with this single statement:

    #wrapper {
    padding: 0 20px;
    width: 940px;
    background: transparent;

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘How to make sidebar transparent’ is closed to new replies.