WordPress.org

Ready to get started?Download WordPress

Forums

How to make sidebar transparent (10 posts)

  1. TonyFoun
    Member
    Posted 2 years ago #

    I need help making my sidebar transparent. I'm using twenty ten theme..., thanks!

  2. datdesignguy
    Member
    Posted 2 years ago #

    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.

    -Greg

  3. TonyFoun
    Member
    Posted 2 years ago #

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

  4. datdesignguy
    Member
    Posted 2 years ago #

    You'll want to set:

    #wrapper { background: transparent; }

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

  5. TonyFoun
    Member
    Posted 2 years ago #

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

  6. TonyFoun
    Member
    Posted 2 years ago #

    i see a #container thats the same thing right

  7. datdesignguy
    Member
    Posted 2 years ago #

    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,

    -greg

  8. TonyFoun
    Member
    Posted 2 years ago #

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

  9. TonyFoun
    Member
    Posted 2 years ago #

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

  10. datdesignguy
    Member
    Posted 2 years ago #

    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 {
    margin:auto;
    padding: 0 20px;
    width: 940px;
    background: transparent;
    }

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.