Color styling the column class backgrounds

[jtdatawork]

Is there a way to make each column background a different color? I've placed a green background in the style sheet for the 1/3 column class, but would like the other two columns to be different colors. Any tips on how to designate column 2 and three and then style them would be greatly appreciated (and gets you a free beer if you're ever in town) 🙂

Thank you!

http://pantthetown.com/

---

JT Dataworks Web design and SEO

http://pantthetown.com/

[Brian Bourn]

The easiest way would be to just add additional CSS classes to column classes HTML

EX:

<div class="one-third first color-one">CONTENT</div>

<div class="one-third color-two">CONTENT</div>

<div class="one-third color-three">CONTENT</div>

//CSS

.color-one {
 background-color: #000
}

.color-two {
 background-color: #555
}

.color-three {
 background-color: #ddd
}

---

Bourn Creative | bourncreative.com | Twitter

[jtdatawork]

Brilliant! It looks great and so easy! Thank you so much!

Judy

---

JT Dataworks Web design and SEO

[Author]

Posts