Wordpress Themes - WP Forum at BFA
Click Here To DONATE! Support the theme development, get more attention and additional benefits based on your donation level. Your forum name will be highlighted.

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

[SOLVED] Correct Code to Align Cells in new 4 Column Widget Area Created in Footer


Build custom WP THEMES, without
coding.
Click here for THEMEFRAME

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
  #1  
Old Jul 10, 2011, 05:22 PM
New WordPress Fan
 
129 posts · Jul 2010
[SOLVED] Correct Code to Align Cells in new 4 Column Widget Area Created in Footer

Hi,

Using Atahualpa 3.6.4 and WordPress 3.1.4, I have used the following code in the ATO > Style and Edit Footer box to create a new four-column widget area in the Footer:

<?php bfa_widget_area('name=Footer 4Col Widget Area&cells=4&align=8&align_2=8&align_3=8& align_4=8&before_widget=<div id="%1$s" class="footer-widget %2$s">&after_widget=</div>'); ?>

It works, but I'd prefer to have the columns aligned so that the far right and far left columns are the same width as the right and left sidebars on the site (220), and the center two columns should each occupy half the width of the center column (which expands). I have the site set to expand, with a fluid width of 90%, a minimum total width of 940, and a maximum width of 1000.

Can someone give me the exact code to create the new footer widget area with that alignment and width? I'd be very grateful! (Sorry, but I don't really understand the instructions on the ATO > Create New Widget Area page. The example code they have there for creating a four column widget area did not seem to work at all.)

Many thanks!
  #2  
Old Jul 10, 2011, 06:35 PM
juggledad's Avatar
juggledad
 
21,702 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
try
HTML Code:
<?php bfa_widget_area('name=Footer 4Col Widget Area&cells=4&align=8&align_2=8&align_3=8&align_4=8&width_1=200&width_4=200&before_widget=<div id="%1$s" class="footer-widget %2$s">&after_widget=</div>'); ?>
__________________
If you like my help, please consider donating. I am happy to provide greater detail on this and other topics if you hire me. Please send detailed support requests to me as a private message, thank you.
Juggledad | Forum Moderator/Support
  #3  
Old Jul 11, 2011, 11:15 PM
New WordPress Fan
 
129 posts · Jul 2010
Brilliant! That worked beautifully, with just a little tweeking on the widths. Thank you, Juggledad!!

Now the only remaining issue seems to be that the tops of the four widgets float up and down, depending on the amount of text I put in each widget. How can I make the tops of the 4 widgets fixed and aligned in a straight line across? Some CSS Code for each widget?

Again, thanks so much for your great help, Juggledad!!
  #4  
Old Jul 12, 2011, 03:54 AM
juggledad's Avatar
juggledad
 
21,702 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
try using a 'vertical-align:top;'
__________________
If you like my help, please consider donating. I am happy to provide greater detail on this and other topics if you hire me. Please send detailed support requests to me as a private message, thank you.
Juggledad | Forum Moderator/Support
  #5  
Old Jul 12, 2011, 12:36 PM
New WordPress Fan
 
129 posts · Jul 2010
Tried that. Didn't seem to work. The selector I am using does affect the widget for other styling, but ...

Here is what I tried:

div#listcategorypostswidget-6 {
padding-right: 10px;
padding-left: 5px;
vertical-align: top !important;
}

The padding worked for the widget, but not the vertical align (with or without the !important).

Any other ideas? I am most grateful for your help!!!
  #6  
Old Jul 12, 2011, 01:06 PM
juggledad's Avatar
juggledad
 
21,702 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
what is the url?
__________________
If you like my help, please consider donating. I am happy to provide greater detail on this and other topics if you hire me. Please send detailed support requests to me as a private message, thank you.
Juggledad | Forum Moderator/Support

Bookmarks

Tags
new footer widget area

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] Widget Area in footer, not even being created GilbertCenter Multisite 10 Sep 25, 2012 09:47 AM
New widget area with 2 rows of cells? blueprairie Sidebars & Widgets 2 Oct 27, 2010 11:48 AM
[SOLVED] Align left on footer widget lucy Sidebars & Widgets 6 Aug 6, 2010 06:36 AM
[SOLVED] .swf in header widget area not displaying in correct order bplazar Header configuration & styling 13 Feb 25, 2010 10:54 PM


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


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