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] Correct Code to Align Cells in new 4 Column Widget Area Created in Footer


  #1  
Old Jul 10, 2011, 06:22 PM
New WordPress Fan
 
141 posts · Jul 2010
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, 07:35 PM
juggledad's Avatar
juggledad
 
23,687 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
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>'); ?>
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Jul 12, 2011, 12:15 AM
New WordPress Fan
 
141 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, 04:54 AM
juggledad's Avatar
juggledad
 
23,687 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
try using a 'vertical-align:top;'
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #5  
Old Jul 12, 2011, 01:36 PM
New WordPress Fan
 
141 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, 02:06 PM
juggledad's Avatar
juggledad
 
23,687 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
what is the url?
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #7  
Old Jul 13, 2011, 05:47 PM
juggledad's Avatar
juggledad
 
23,687 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
your problem is that you have specified that they all align in the middle. When you defined the widget area you probably used the default alignment (1) which is 'middle' change it to 2, ie 'align=2' which will be top.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #8  
Old Jul 13, 2011, 11:42 PM
New WordPress Fan
 
141 posts · Jul 2010
Sorry to be dense, but I don't understand where to put the 'align=2'.

Here is the exact code I used to create the widget area:

<?php bfa_widget_area('name=Footer 4Col Widget Area&cells=4&align=8&align_2=8&align_3=8&align_4=8 &width_1=220&width_2=250&width_3=250&width_4=200&b efore_widget=<div id="%1$s" class="footer-widget %2$s">&after_widget=</div>'); ?></div>

How exactly would I change it to make the widgets in it top-aligned?

Thanks so much again for all your help!
  #9  
Old Jul 14, 2011, 12:11 AM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
Use this code instead.
HTML Code:
<?php bfa_widget_area('name=Footer 4Col Widget Area&cells=4&align=2&width_1=220&width_2=250&width_3=250&width_4=200&before_widget=<div id="%1$s" class="footer-widget %2$s">&after_widget=</div>'); ?></div>
I just replaced all the "&align_x" with the single align code which will align all cells as indicated in the New Widget area section.
__________________
~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.
  #10  
Old Jul 14, 2011, 12:31 PM
New WordPress Fan
 
141 posts · Jul 2010
That worked perfectly!

Thank you both so much!!

I have made a donation to each of you via PayPal, with much appreciation.

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 10:47 AM
New widget area with 2 rows of cells? blueprairie Sidebars & Widgets 2 Oct 27, 2010 12:48 PM
[SOLVED] Align left on footer widget lucy Sidebars & Widgets 6 Aug 6, 2010 07:36 AM
[SOLVED] .swf in header widget area not displaying in correct order bplazar Header configuration & styling 13 Feb 25, 2010 11:54 PM


All times are GMT -6. The time now is 08:56 AM.


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