Sidebar backround color matching

  • Author
    Posts
  • #768741

    Hello,
    I was wondering if I could fix the color throughout my whole sidebar. I already set the color but if there isn’t any content to match up with the page, it turns white at the bottom. There’s also a little shadow right under the top of the sidebar I would like to change too. Please let me know if this is possible.
    Thanks again!

    http://squeegee-prints.com/

    The blog I need help with is squeegee-prints.com.

    #768843

    timethief
    Member

    Do you have a custom design upgrade?

    #768844

    Yes I do (:

    #768845

    timethief
    Member

    Thanks for the reply. I will flag this thread so it gets moved to the CSS forum for you.

    #768847

    Thank you!

    #768849

    timethief
    Member

    Please be patient because we curently have only one Volunteer (thesacredpath) who regularly helps with CSS editing. As you have a premium theme and he has no access to them he has to read the source code and cannot test in advance what he will suggest to you.

    #768851

    Thanks for letting me know. I appreciate that (:

    #768853

    The following fixes most of it, but the way this theme is designed, to fix the final bit at the very bottom will require changing the image sprite.

    #main {
    background: #E7E9EB;
    }

    The image you would have to fix is this one (the bottom bit in it)

    You could add this, but some browsers won’t recognize it and will square off the bottom corners.

    #main-bottom {
    background: #E7E9EB;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    }
    #768854

    Oops, my bad on that last bit, it would have to be this instead.

    `#main-bottom {
    background: #E7E9EB;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    }

    #768855

    And then I forgot on of my code tags.

    #main-bottom {
    background: #E7E9EB;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    }
    #768856

    Thank you! that worked perfect! You da man!

    #768857

    You are welcome and thanks.

    #768858

    Ohhh I’m sorry last question about this. On the top right where my subcribe bar is, right under it there is a little shadow. You do you make it so it’s compatible with the shadow next to it on the left side of the page?
    Thanks again!

    #768884

    That is again that same image sprite file, but in this case the second image up. You would have to modify that file and fix the color issue, or create a new image. On that one, I’m afraid there is no rabbit I can pull out of my hat.

The topic ‘Sidebar backround color matching’ is closed to new replies.