960 Grid System 2.0 (free extension) Support Product Page

changing bg color of divs

Asked 22 Feb 2011 02:34:30
1
has this question
22 Feb 2011 02:34:30 Sally Carr posted:
I've built a layout but am having trouble changing the bg color of the divs. I'm thinking I'm supposed to do this by selecting the div then using the 960 property box and putting in a extra CSS class. Like background-color:#06F. That changes the code to
<div class="grid_6 background-color:#06F"> but has no effect on the div's bg color.

What's the best way to do this?

Thank you.

Sally

Replies

Replied 22 Feb 2011 11:04:11
22 Feb 2011 11:04:11 Miroslav Zografski replied:
Hello Sally,

You should check this article:
programming.top54u.com/post/Creating-CSS-Class-Rules-and-Styles.aspx

Regards,
Replied 22 Feb 2011 13:04:03
22 Feb 2011 13:04:03 Sally Carr replied:
Ah, thanks Miro. I'm familiar with creating class CSS rules, but for some reason was just stuck in a rut with the 960 interface. I opened up the text.css and put in

}#content .grid_4 {
background-color: #39F;
}

and it worked like a charm.

Don't know what I was thinking but thanks for snapping me out of it!

Love the extension, btw. Awesome!

Reply to this topic