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)
-   -   How to Align logo and ads underneath (http://forum.bytesforall.com/showthread.php?t=13411)

ecoughlin Mar 21, 2011 04:13 PM

How to Align logo and ads underneath
 
Hello,

You've all been very helpful to me in this forum, just want to say thanks!

I was finally able to add the widgets to my header. But I'd like to center align the logo and then have the 2 banner ads underneath it side by side. I'm using Simple Image plugin, btw.

Can you please tell me what code I need to add?

Here's my url: http://gator541.hostgator.com/~acoc2011/

Many thanks, again!

Eunice

lmilesw Mar 21, 2011 08:41 PM

You should be able to adjust the logo position in the theme options. What is the code you used for the widget areas and where did you put it? If you added a two celled widget area for the ads I'm not sure why they are under one another. You may also want to hide the post, comments, and search box if you want to center the logo and ads. It's hard to give you exact code for this as there are several interrelated items (EG the widget areas, logo, and other items in the logo area).

ecoughlin Mar 23, 2011 06:38 AM

Hi Larry,

Here's the code I put in the Configure Header box:
Quote:

%pages %logo <?php bfa_widget_area('name=annual_ad_block1'); ?> <?php bfa_widget_area('name=annual_ad_ block2'); ?> %bar1 %bar2
I placed Simple Image plugin inside each widget where I inserted graphic and url for each ad.

I tried to place the both Simple Image plugins inside one of the widgets but that didn't do anything.

I'm lost. Thanks for your help !

Eunice

lmilesw Mar 23, 2011 07:16 AM

If you replace your code with something like the following you will get a two celled widget area. This way your two image widgets will be side by side.
HTML Code:

<?php bfa_widget_area('name=annual_ad_block&cells=2'); ?>

ecoughlin Mar 24, 2011 11:56 AM

Larry,

I replaced my code with your code but my logos disappeared altogether. Do I need to rename my widgets? Do I need to add something to the CSS? Again, I am completely lost!

http://gator541.hostgator.com/~acoc2011/

thanks,

Eunice

lmilesw Mar 24, 2011 02:50 PM

What I generally do when changing the widget areas is to...
  • Delete the old code and save
  • Go to ATO>Add New Widget Areas and delete the old widget areas
  • Add the new code to where you removed the old code from
  • Go to the site and refresh the home page a couple of times
  • The widget areas should show now and you can populate with widgets.

ecoughlin Mar 29, 2011 09:22 AM

Many thanks ! Take a look if you have a moment. :)

lmilesw Mar 29, 2011 09:38 AM

So is that how you want it to look?

ecoughlin Mar 29, 2011 09:56 AM

Why, does it look bad? :-/

I would like the logos to be a tad closer together. I am open to suggestions if it would improve the look!

I'm also at the mercy of the clients I am designing this for. I added a background color but that may change according to what they like or want.

lmilesw Mar 29, 2011 10:19 AM

I just ask the question so I know what you or the client or looking for. To get those ads closer together you could set the alignment on the widget areas to top/right on the right ad and to top/left on the left ad to center them right next to each other. Or you can set the width of the widget area to what would be big enough to hold the two widgets. If you look in ATO>Add New Widget Areas you will see how this alignment and width stuff works. It might take a bit to wrap your head around it but it is pretty straight forward.

juggledad Mar 29, 2011 10:50 AM

you might want to move to a fixed width page. If you resize the page the ads move and it looks a little strange...

ecoughlin Mar 29, 2011 07:59 PM

Thanks so much. I'm going to try your suggestions tomorrow and see how it works.

Eunice


All times are GMT -6. The time now is 10:40 PM.

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