Hi Amy, my fellow Happiness Engineer designsimply helped with this one. :-) Here's how to change the color of the main column in Debut:
The background colors for the main content area and sidebar in the debut theme are setup using an image:
http://s2.wp.com/wp-content/themes/premium/debut/images/sidebar-right.png
In order to change those colors, you can download the image, adjust the colors, upload the new image to your media library, copy the image URL, and replace YOUR_IMAGE_URL in the example below with the new image URL:
.sidebar-right #main {
background: url('YOUR_IMAGE_URL') repeat-y;
}
Once you've done that, save the image in the Appearance > Custom Design > CSS editor in your blog dashboard as the final step.
Add this bit of code as well:
#entry-container {
background: inherit;
}
There is a second, alternative, method you could use which doesn't require modifying any images. The one drawback to it is that you lose the "gutter" between the main column and the sidebar area. You would need to change "fffacd" to whatever color you decide to use.
#entry-container {
background: inherit;
}
.sidebar-right #main {
background: #fffacd;
}
#sidebar-container {
background: #f8e8b3;
-webkit-border-radius: 0 5px 5px 0;
-moz-border-radius: 0 5px 5px 0;
-khtml-border-radius: 0 5px 5px 0;
border-radius: 0 5px 5px 0;
}
.multiple #entry-container .entry {
border-top: none;
}
Please let us know if you need further help!
amyandreallife
