Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Sidebars & Widgets »

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

Old Sep 1, 2011, 10:17 AM
swimflyfast2's Avatar
150 posts · Aug 2010
Horse Country in Virginia
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.
Old Sep 1, 2011, 02:58 PM
lmilesw's Avatar
10,174 posts · Jul 2009
Central New York State USA
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.
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
Old Sep 1, 2011, 03:17 PM
swimflyfast2's Avatar
150 posts · Aug 2010
Horse Country in Virginia
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.


Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes

Similar Threads
Thread Thread Starter Forum Replies Last Post
HELP - custom widget areas no longer work in 3.6.7 azazure Sidebars & Widgets 14 Jul 10, 2011 05:10 PM
Multiple custom widget areas not working in 3.6.7 rjh4242 New Versions, & Updating 1 Jun 26, 2011 07:33 PM
[SOLVED] Deleting Custom Widget Areas rickheck Sidebars & Widgets 1 Jun 28, 2010 03:04 PM
How to change widget areas order on widget page JFG Sidebars & Widgets 0 Apr 19, 2010 03:07 PM
[SOLVED] Deleted custom widget areas still showing talbin Sidebars & Widgets 2 Mar 23, 2010 11:40 AM

All times are GMT -6. The time now is 12:44 PM.

Powered by vBulletin® Copyright ©2000 - 2019, Jelsoft Enterprises Ltd.