Need help? Check out our Support site, then


Sidebar backround color matching

  1. squeegeeprints
    Member

    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.

  2. Do you have a custom design upgrade?

  3. squeegeeprints
    Member

    Yes I do (:

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

  5. squeegeeprints
    Member

    Thank you!

  6. 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.

  7. squeegeeprints
    Member

    Thanks for letting me know. I appreciate that (:

  8. 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)

    http://s2.wp.com/wp-content/themes/premium/traction/images/sprite-bg.png

    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;
    }
  9. 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;
    }

  10. 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;
    }
  11. squeegeeprints
    Member

    Thank you! that worked perfect! You da man!

  12. You are welcome and thanks.

  13. squeegeeprints
    Member

    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!

  14. 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.

Topic Closed

This topic has been closed to new replies.

About this Topic