Halp!

[megwrites]

I'm trying to customize my layout. I'm using For The Bold, and what I'd like to do is take each section of the side bar and make it a different color.

So, the top part with my icon would be, say, red, and then the navigation would be blue and the recent entries green, and so on and so forth. I'm not sure how to do this in CSS. Any help you can give would be really great!

Comments

[branchandroot]

You need to check the html source to see what the specific name (class) of each module is. Inside "module-section-one" div, each module has an individual name, and you use those to specify the background color. The start would look like this:

.module-userprofile { background-color: red; }
.module-navlinks { background-color: blue; }
.module-calendar { background-color: green; }

And so on down the line. Put that in your Custom CSS box, and you should be good to go.

I expect you'll also want to add:

#secondary .inner:first-child { background-color: transparent; }

to get rid of the whole-sidebar color.