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

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.

#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.