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

creating 2 separate boxes in header, for logo and nextgen slideshow gallery


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 Dec 13, 2009, 05:56 AM
rinoa3108
 
51 posts · Apr 2009
hello,
is it possible to split the header up and have 2 boxes, one with an image (want to add the company logo) and one box for a nextgen slideshow? Alternatively, create a sidebar which runs all the way up to the top of the page and shortening the header? Thanks
  #2  
Old Dec 13, 2009, 09:18 AM
juggledad's Avatar
juggledad
 
22,265 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
check out the ATO->Add New WIDGET AREA' section. Add two widget areas to the header and space them as you want and use one for the logo and one for nextgen.
__________________
"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 16, 2009, 05:32 AM
rinoa3108
 
51 posts · Apr 2009
Thanks, it worked. Both of the widget areas arent aligned. Any idea why that is? Cheers.
www.bigmamas.com.au
  #4  
Old Dec 16, 2009, 09:09 AM
juggledad's Avatar
juggledad
 
22,265 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
My guess is you created two separate new areas instead of creating one area with two widget area's in it (confusing I know)

I'm going to guess you setup your header area like this:
HTML Code:
%bar1 <?php bfa_widget_area('name=headerlogo&cells=1&before_widget=<div id="%1$s" class="header-widget %2$s">&after_widget=</div>'); ?> <?php bfa_widget_area('name=headerslideshow&cells=1&before_widget=<div id="%1$s" class="header-widget %2$s">&after_widget=</div>'); ?>
when you could have done this
HTML Code:
%bar1 <?php bfa_widget_area('name=header_widgets&cells=2&before_widget=<div id="%1$s" class="header-widget %2$s">&after_widget=</div>'); ?>
This would give you two widget areas in the same Header_Widget area (wrapped in a <div>...</div>) so they will line up.

If you want to change it, first remove the widgets from the current widget areas, then delete the widget areas, then add the new widget area, then add the widgets back in.

This is to make sure you don't leave orphaned info in the database.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #5  
Old Dec 17, 2009, 03:54 AM
rinoa3108
 
51 posts · Apr 2009
thanks, it worked. the slideshow is aligned to the right though. how do you make it next to the logo? many thanks for the help.
  #6  
Old Dec 17, 2009, 05:33 AM
juggledad's Avatar
juggledad
 
22,265 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
you need to look at the options for the new widget areas. You can define a width and alignment for each one you define.

If you don't define a width, then the space is evenly divided between the widget areas you define. So if there are two widget areas, each will get 50% of the space, if there are 4, each will get 25%.

you use 'width_N=xxx' where 'N is the widget area number (1,2,3) and 'xxx' is the number of px you want. In your case, since the first image is 250px, you could specify it and let th other area get the rest. so use
HTML Code:
<?php bfa_widget_area('name=header_widget_area&cells=2&width_1=250&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
  #7  
Old Dec 18, 2009, 11:25 PM
rinoa3108
 
51 posts · Apr 2009
thanks. it has worked. the slideshow gallery in the second widget area needs to be aligned closer to the logo in the 1st widget area, and aligned with the text box at the bottom of it. do i need to define a width for the 2nd widget area? how should i go about it? cheers
  #8  
Old Mar 8, 2010, 07:34 AM
dyuane
 
6 posts · Jan 2010
I am not a programmer. So thanks for the great info. I wanting 3 widget areas in my header. I am able to use the above instructions and get the 3 widget areas. I am even able to get the first widget area with the correct width. I need to get widget area 2 to change the size on it and then let the rest go to the third area. Any help would be great. I would send you the url but I testing this locally on my pc.
  #9  
Old Mar 8, 2010, 05:19 PM
juggledad's Avatar
juggledad
 
22,265 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
just assign a width to area 2 add '&width_2=350' to your definition
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Nextgen slideshow displays only whitebox horsemansarts Plugins & Atahualpa 6 Mar 13, 2010 07:49 AM
NextGen Gallery qitt New Versions, & Updating 4 Jun 30, 2009 06:09 AM
Large photo gallery slideshow banner image replacement blueprairie Plugins & Atahualpa 1 Jun 18, 2009 05:10 AM
[SOLVED] Rotating images in header using NextGen gallery juggledad Header configuration & styling 7 May 20, 2009 05:33 AM
nextGen gallery with image rotator as header image shatchp Header configuration & styling 1 Feb 13, 2009 07:40 PM


All times are GMT -6. The time now is 06:58 AM.


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