Change background color of sidebar

[dkstokes 0]

Hi..looked all over and saw this question asked several times and answered with 'hit us up in the forum' 'use custom css' and use 'design control'. Could you be a bit more specific please?

[catrina 103]

Can you please post a link to your site and point out which sidebar you'd like to change?

[dkstokes 0]

oh..I set the template to 1 right sidebar so it should be sidebar1 I think? Is it a different process for each type of sidebar?

[revivalasia 0]

Yes i would like an answer to this as well ;-)

[catrina 103]

Yes, there is a different solution depending on which sidebar it is. Do you have a link to your site?

[dkstokes 0]

Catrina, Thanks for answering again. I am trying to convert a few of my sites over to platform pro and retain the original look as much as possible. Nothing too complicated (I think). I have figured out all but how to handle the sidebar. All have the right column using widgets and the background of each widget is different than the page or body background. And there is a space between widgets. Here is a link to one of the sites - http://shirataki-noodles.recipesilove.com/ I figured out that I can add some code to the custom code and the entire column background color changes. But how to get that (white) space between the widgets? Here is what I added (still playing - started from what was in the original theme) #sidebar1 { background-color: #f7f7f7; background-image: none; background-repeat: repeat; margin-top: 10px; margin-right: 5px; margin-bottom: 10px; margin-left: 0px; padding-top: 10px; padding-right: 1px; padding-bottom: 10px; padding-left: 1px; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #e6e6e6; border-right-color: #e6e6e6; border-bottom-color: #e6e6e6; border-left-color: #e6e6e6; } Does that help?

[dkstokes 0]

I figured it out. I'll post it for anyone else that needs this info. I was looking at the wrong area - sidebars. For my purpose - all were widgets so here is what worked for me. I added the following to the custom css area. You can adjust margins, padding, borders, etc... as you need. .widget { margin-top: 5px; margin-right: 5px; margin-bottom: 10px; margin-left: 5px; padding-top: 5px; padding-right: 1px; padding-bottom: 5px; padding-left: 10px; background-color: #f7f7f7; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #e6e6e6; border-right-color: #e6e6e6; border-bottom-color: #e6e6e6; border-left-color: #e6e6e6; }