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 » Header configuration & styling »

[SOLVED] Stacking Widgets Sideways...


  #1  
Old Dec 3, 2009, 02:46 PM
ChrisPanimation's Avatar
ChrisPanimation
 
68 posts · Nov 2009
Mississauga, ON
Hi,

Is there a way to stack widgets left to right (horizontally)? Or is that something for a future version...

Chris
  #2  
Old Dec 3, 2009, 07:41 PM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
you can have two sidebars on either side of the center column or you could add an new widget area at the bottom of the header and/or in the footer have a couple widgets there. Does that help
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Dec 3, 2009, 10:30 PM
ChrisPanimation's Avatar
ChrisPanimation
 
68 posts · Nov 2009
Mississauga, ON
To do a header like this - with a logo image on the left, an add banner (in the middle) and some links on the right
Click image for larger version

Name:	Header_example.gif
Views:	2658
Size:	34.9 KB
ID:	315
  #4  
Old Dec 4, 2009, 05:06 AM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
yes you can do that, add a new widget area to ATO->Style & edit HEADER AREA->Configure Header Area as the last item. That will creat the widget area, then put the widgets you want in it. When you add the new widget area, read the doc, you can have more than one and you can divide the space between them.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support

Last edited by juggledad; Dec 16, 2009 at 05:33 AM.
  #5  
Old Dec 7, 2009, 08:54 PM
ChrisPanimation's Avatar
ChrisPanimation
 
68 posts · Nov 2009
Mississauga, ON
Thank you, I'll try and figure that out...
  #6  
Old Dec 15, 2009, 11:12 PM
ChrisPanimation's Avatar
ChrisPanimation
 
68 posts · Nov 2009
Mississauga, ON
Hey Juggledad, I looked at it and am at a loss...I see the example but I'm not experienced with coding. Could you give me an example that would illustrate what I'm looking for in my header? Please see the above post with the image.

This is what's in the documentation....

<?php bfa_widget_area('name=My widget area&cells=4&align=1&align_2=9&align_3=7&width_4=7 00&before_widget=<div id="%1$s" class="header-widget %2$s">&after_widget=</div>'); ?>

How would I get those three widgets side by side? Here's my site if it helps ...animcareerpro.com/blog.com

Thanks,
Chris

Last edited by ChrisPanimation; Dec 15, 2009 at 11:16 PM.
  #7  
Old Dec 16, 2009, 06:18 AM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
ok, try this, you will notice I left out the 'align' parameter so the default of 'center top' for each widget area (remember theses define a widget area that can contain more than one widget!!) and sicne your layout is 990 and you image looks like you split the areas 30/50/20 I set the width of each area proportionately (270/450/180)
HTML Code:
<?php bfa_widget_area('name=header_widget_area&cells=3&width_1=270&width_2=450&width_3=180&before_widget=<div id="%1$s" class="header-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
  #8  
Old Dec 16, 2009, 12:40 PM
ChrisPanimation's Avatar
ChrisPanimation
 
68 posts · Nov 2009
Mississauga, ON
Ok, that worked! I have the widgets!...now this may be a silly question but how do I place an image into the first widget on the left(header_widget_area 1)? I don't see how to do this in the "Appearance > Widgets" area, or anywhere else...

To change the widths of the widgets I assume I would just change the (270/450/180) in the code?

Chris

Last edited by ChrisPanimation; Dec 16, 2009 at 01:15 PM.
  #9  
Old Dec 16, 2009, 02:44 PM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
to put an image in, add a text widget and then insert the appropriate html
yes you should be able to change the 270/450/180
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #10  
Old Dec 16, 2009, 09:14 PM
ChrisPanimation's Avatar
ChrisPanimation
 
68 posts · Nov 2009
Mississauga, ON
Got the kids off to bed...back to it!

I did get that far - adding a text widget. What's the html of my image? I'm assuming the path of where it's located on ftp? Where do I put it?

/blog/wp-content/themes/atahualpa/images/

I don't think it would go in the header area though. Let my know if that's not what to do...what's the appropriate html?

Thanks,
Chris

Last edited by ChrisPanimation; Dec 16, 2009 at 09:25 PM.
  #11  
Old Dec 16, 2009, 09:28 PM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
you can put it anywhere as long as the url resolves.
if you put it in the /blog/wp-content/themes/atahualpa/images/ folder and it is called 'angry.gif' it would be something like
HTML Code:
<img src="http://yourdomain.com//blog/wp-content/themes/atahualpa/images/angry.gif" alt="Angry face" />
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #12  
Old Dec 16, 2009, 10:10 PM
ChrisPanimation's Avatar
ChrisPanimation
 
68 posts · Nov 2009
Mississauga, ON
LOL!! very funny. I appreciate the help and I got it working. Please don't be angry though (if you are). You've been a great help - thank you sir and I'm sending payment as soon as I send this.

The best part for me is I don't even know if I need the alt="Angry face" /> but it didn't work with out it so it's in there.

In a previous message you mentioned.. "left out the 'align' parameter so the default of 'center top' for each widget area". And my widget_area_2 is at the top.

I see it's 1 = center middle...I'll try and figure that out myself.

cheers!
  #13  
Old Dec 16, 2009, 11:08 PM
ChrisPanimation's Avatar
ChrisPanimation
 
68 posts · Nov 2009
Mississauga, ON
WhooHooo!! I did it!

align=1&align_1=9&align_1=7

just had to slip it in the right spot and make sure they're all at align_1

Still have to make a few adjustments but I'm learning.

Thanks again. The D has been sent!

Bookmarks



Similar Threads
Thread Thread Starter Forum Replies Last Post
Added Widgets to Header area and now Widgets won't go away from Widgets page kippiper Header configuration & styling 5 Nov 12, 2009 05:33 PM
Set left sidebar widgets same distance from center area as right sidebar widgets daisy24 Sidebars & Widgets 2 Feb 19, 2009 06:11 AM


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


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