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] Align left on footer widget


  #1  
Old Aug 5, 2010, 05:39 PM
lucy
 
60 posts · Aug 2009
Grayson County, TX
[SOLVED] Align left on footer widget

I created a footer widget area- by adding this in the STYLE AND EDIT FOOTER section

<?php bfa_widget_area('name=Footer widget area&cells=3&before_widget=<div id="%1$s" class="footer-widget %2$s">&after_widget=</div>'); ?>

Which worked great, but it's all center aligned and I would like them aligned left.

Then I added this in the "Add HTML/CSS Inserts" . CSS INSERTS

#footer-widget {
float: left;

I am sure I am doing something really dumb here. On another site using the twentyten theme I easily formatted it as follows:
#footer-widget-area .widget-area {

float: left;

margin-right: 20px;

width: 220px;

list-style:none;
  #2  
Old Aug 5, 2010, 09:29 PM
lmilesw's Avatar
lmilesw
 
10,176 posts · Jul 2009
Central New York State USA
So what you built is a 3 cell widget area and you don't have a cell align specified so it goes to the default of center top as shown in ATO>Add new widget areas instructions. I you want them aligned to the left in the middle of the cell you would add &align=8 so your code would look like the following.

HTML Code:
<?php bfa_widget_area('name=Footer widget   area&cells=3&align=8&before_widget=<div  id="%1$s"  class="footer-widget  %2$s">&after_widget=</div>'); ?>
I'm not sure what you are trying to do with the float but it would be a class (.footer-widget) and not an ID (#footer-widget). What do you want to float the widget area to the left of?

Also did you code a widget area for the Twentyten theme?
__________________
~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.
  #3  
Old Aug 5, 2010, 09:48 PM
lucy
 
60 posts · Aug 2009
Grayson County, TX
Thank you! This worked.

Help me understand the 8 thing though. If you want to have just 3 widgets along the bottom, you are still creating 8 buckets, but you are spreading out 3 widgets along the 8 buckets?

Oddly enough it's created footer widget area 1-8 and then it created footer widget area 1-3 again, so there are duplicates. They are just empty though in the back end and don't show up on the front end. It didn't break anything but it's kind of messy looking in the back end.
  #4  
Old Aug 5, 2010, 09:57 PM
lmilesw's Avatar
lmilesw
 
10,176 posts · Jul 2009
Central New York State USA
Can you please post everything that is in your footer area box? The code I gave should have produces 3 side by side widget areas whose content is aligned to the left and centered vertically. The &align=8 is for a left centered alignment.

Also check ATO>Add new widget areas and see how many are listed at the top of that page.
__________________
~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.
  #5  
Old Aug 5, 2010, 10:05 PM
lucy
 
60 posts · Aug 2009
Grayson County, TX
Thanks for your concern.

In the STYLE & EDIT FOOTER > Footer: Content we have
<?php bfa_widget_area('name=Footer widget area&cells=3&align=8&before_widget=<div id="%1$s" class="footer-widget %2$s">&after_widget=</div>'); ?>

The add new widget area part looks like this-
Delete custom Widget Areas
1) Delete the <?php bfa_widget_area(...) ?> code from whichever text area here in the theme options you placed it in.
2) Select the widget areas that you want to delete and click the link below.
Note: The widget areas will be re-created until you deleted its associated code (see step 1).
Footer widget area 1
Footer widget area 2
Footer widget area 3
Footer widget area 4
Footer widget area 5
Footer widget area 6
Footer widget area 7
Footer widget area 8
Footer widget area 1
Footer widget area 2
Footer widget area 3
  #6  
Old Aug 5, 2010, 10:12 PM
lmilesw's Avatar
lmilesw
 
10,176 posts · Jul 2009
Central New York State USA
I'm not sure what happened Lucy but here is what I would do.
  1. Take out the code for the new widget area. If you highlight it and hit Ctrl+x you will eliminate it but still have it in the clipboard for pasting back later.
  2. Go to ATO>Add New Widget Areas, select all the areas and delete them. You should see a confirmation in that area when they have been deleted.
  3. Go back to the footer and paste in the code you just took out
  4. Go the the home page and refresh it a couple of times.
You should now have 3 new widget areas whose internal alignment is left and centered vertically.
__________________
~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.

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Control spacing in menu bar: left-align some; right align others; blank space between sarah97302 Page & Category Menu Bars 1 Nov 16, 2009 01:47 PM
[SOLVED] left align entire site cway Header configuration & styling 1 Sep 2, 2009 12:53 PM
How do I left-align the blog Savage Header configuration & styling 7 Aug 13, 2009 01:37 AM
Page Menu Bar. Left align. But 200px from left margin??? mush Atahualpa 3 Wordpress theme 5 Jul 29, 2009 03:40 PM
[SOLVED] Left Align Blog? dadaclonefly Atahualpa 3 Wordpress theme 3 Jun 23, 2009 08:04 AM


All times are GMT -6. The time now is 05:46 AM.


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