Sidebar backround color matching

• 

  squeegeeprints · Member · Dec 4, 2011 at 12:23 am

  • Copy link
  • Add topic to favorites

  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: (visible only to logged in users)

• 

  timethief · Member · Dec 4, 2011 at 12:38 am

  • Copy link

  Do you have a custom design upgrade?

• 

  squeegeeprints · Member · Dec 4, 2011 at 12:38 am

  • Copy link

  Yes I do (:

• 

  timethief · Member · Dec 4, 2011 at 12:39 am

  • Copy link

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

• 

  squeegeeprints · Member · Dec 4, 2011 at 12:45 am

  • Copy link

  Thank you!

• 

  timethief · Member · Dec 4, 2011 at 12:48 am

  • Copy link

  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.

• 

  squeegeeprints · Member · Dec 4, 2011 at 12:52 am

  • Copy link

  Thanks for letting me know. I appreciate that (:

• 

  thesacredpath · Member · Dec 4, 2011 at 1:35 am

  • Copy link

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

• 

  thesacredpath · Member · Dec 4, 2011 at 1:37 am

  • Copy link

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

• 

  thesacredpath · Member · Dec 4, 2011 at 1:38 am

  • Copy link

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

• 

  squeegeeprints · Member · Dec 4, 2011 at 2:01 am

  • Copy link

  Thank you! that worked perfect! You da man!

• 

  thesacredpath · Member · Dec 4, 2011 at 2:08 am

  • Copy link

  You are welcome and thanks.

• 

  squeegeeprints · Member · Dec 4, 2011 at 2:17 am

  • Copy link

  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!

• 

  thesacredpath · Member · Dec 4, 2011 at 6:15 am

  • Copy link

  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.