Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Header configuration & styling (http://forum.bytesforall.com/forumdisplay.php?f=15)
-   -   Trying to align logo and widget in header (http://forum.bytesforall.com/showthread.php?t=6242)

wardrob Mar 11, 2010 12:21 PM

Trying to align logo and widget in header
 
Hi,

I'm having trouble getting the new widget I added to the header to align to the right on the same line as my logo. This is the code I have in the header:

%logo <?php bfa_widget_area('name=My new widget area'); ?> %pages

and the page is here:

http://pinefurnitureonline.co.uk


I'm sure it's just a simple alignment problem but I just can't get it. Thanks,

Bob:confused:

juggledad Mar 11, 2010 12:43 PM

do you mean the 'P' in Pine not ligning up with the green box under it?

If so, you need to go edit your image logo.png because it has about an 1/8 inch of white space before the 'P' in the image

lmilesw Mar 11, 2010 01:59 PM

If you want the logo and the Spring Sale on the same line I believe you will have to create a two celled widget area, not use the %logo, and put one widget to hold the logo and one widget to hold the Spring Sale item.

wardrob Mar 11, 2010 02:14 PM

Thanks for the reply guys,

it's as lmilesw says, I want to get the widget on the same line as the logo. I'll have a look at the header instructions again and try and do a two cell widget,

cheers

lmilesw Mar 11, 2010 02:38 PM

Here is the code I used on one of my sites. It's the area just below the menu.
HTML Code:

<?php bfa_widget_area('name=Top widget area&cells=2&align=1&width_2=170&before_widget=<div id="%1$s" class="header-widget %2$s">&after_widget=</div>'); ?>
In my case I just set the width of the second area to 170 and let the first area fill the rest of the space.

wardrob Mar 12, 2010 12:53 AM

Thanks very much for that Larry.

I have tried it - the adblock goes in fine, how do I link the logo in now - do I have to have an absolute url?

Also, it's placed the block directly ontop of the navbar and I'd like to get a bit of padding on there - where do I add that?

Thanks again for your help,

Bob

edit: Manage to get it sorted apart from the little bit of padding at the bottom

lmilesw Mar 12, 2010 11:35 AM

You can use an href in the widget to link the logo to the home page which is what I presume you want to do. I would just throw in the absolute url. As for the padding. You could either pad the image in the widget or easier still would be to style a %bar with white borders and make it the height you want and put it under the widget area. I hope that is clear.


All times are GMT -6. The time now is 11:32 AM.

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