Wordpress Themes - WP Forum at BFA
There will be no more development for Atahualpa (or any other theme), and no support. Also no new registrations. I turned off the donation system. I may turn the forum to read only if it gets abused for spam. Unfortunately I have no time for the forum or the themes. Thanks a lot to the people who helped in all these years, especially Larry and of course: Paul. Take care and stay healthy -- Flynn, Atahualpa developer, Sep 2021

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, 09: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, 01:58 PM
lmilesw's Avatar
10,176 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, 02: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 04:10 PM
Multiple custom widget areas not working in 3.6.7 rjh4242 New Versions, & Updating 1 Jun 26, 2011 06:33 PM
[SOLVED] Deleting Custom Widget Areas rickheck Sidebars & Widgets 1 Jun 28, 2010 02:04 PM
How to change widget areas order on widget page JFG Sidebars & Widgets 0 Apr 19, 2010 02:07 PM
[SOLVED] Deleted custom widget areas still showing talbin Sidebars & Widgets 2 Mar 23, 2010 10:40 AM

All times are GMT -6. The time now is 10:23 PM.

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