Applying CSS to new widgets - Atahualpa 3.7.7
 

Hi all,

I've added the following to my footer:

<?php bfa_widget_area('name=footer_widget&cells=2&align= 1&align_2=9&align_3=7&width_4=700&before_widget=<d iv id="%1$s" class="footer-widget %2$s">&after_widget=</div>'); ?>

This displays the new widget where I want it, I think :)

I would like to style this with CSS. I have tried the following (in CSS inserts):

.footer-widget {
background: #ffffff;
width:100%;
}

This has no impact at all.

I have also tried putting CSS into the widgets content area in the theme backend. This also does nothing.

I am, clearly, doing this wrong.

I would prefer to style just the individual widget, and not all of them.

Any suggestion very welcome.

cheers,

Mike

Sort of sorted this. I have enclosed the widget in a div and assigned a class to it. This works but is a little clunky.

Cheers,

Mike

If you look at the documentation for teh new widget area you would see that the name=xxxx parameter will give you an ID of xxxx

Your new widget code also is creating two cells but you have an align set for cell 3 and width set for cell 4, neither of which is there. This may work but makes the code more complex than needed.