Wordpress Themes - WP Forum at BFA - [SOLVED] Where do I put CSS for Custom Widget Areas?

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)

- Sidebars & Widgets (http://forum.bytesforall.com/forumdisplay.php?f=14)

- - [SOLVED] Where do I put CSS for Custom Widget Areas? (http://forum.bytesforall.com/showthread.php?t=15267)

[SOLVED] Where do I put CSS for Custom Widget Areas?

I am not so good but learning about php, css, and html:confused:

I searched this site for "CSS Widget" and could not find what I was looking for.

I would like to style individual widget areas I put below the header. I know how to do it with the ones that are standard.

Where do I put the CSS?

This is what I put in the Configure Header Area to define my new widget areas:

%logo %pages <?php bfa_widget_area('name=under-header&cells=4&width_1=146&align_1=9&align_2=9&wid th_2=500&width_4=190&align_4=2&before_widget=<div id="%1$s" class="header-widget %2$s">&after_widget=</div>'); ?>

website is www.warrentonmasters.org/Blog

Example: Where would I put the code to put a blue boarder around the cell 1?

Thanks in advance.

CSS should go in ATO>Add HTML/CSS Inserts>CSS Inserts

To find what the selector is I use Firebug with Firefox and see that the first widget area has an ID of under-header. So to put a blue border around it you could use.

HTML Code:

#under-header_1 {

    border: 2px solid blue;

}

You will have to change the width statements in your widget code however. I usually don't put any widths in at all and let the widgets determine the width of the cell.

Fantastic, I can apply that to all kinds of things. #under-header without "_1" cell individual widget designation does the whole deal! Thanks for the fishing lesson.