4 Problems (Mainly about overlaying images/creating widgets)
 

Hi guys,

Firstly, the site I'm referring to is: http://overratingtheunderrated.com

Problem 1: Alright so, I want to place some ads on my site. However, my header image spans across the whole viewpoint, and whenever I do insert the ad images they end up stretching the header and sitting on top of the header image. I would like to place the ads next to/on top of the header image, on either the right or left hand sides (probably both eventually!).

Problem 2: How do I move the search bar/RSS and email buttons directly underneath the logo? Also, if I chose not to do that eventually, can I move them into the page bar at all? I have unused room in there that they would slot right into.

Problem 3: Sort of related to the top two, as I assumed I would have to create header widgets to make both happen: I can't seem to grasp creating header widgets. I see the codes on the ATO page but don't see how I can manipulate that to show what I want it to, it never works.

Problem 4: If I were to move the search/RSS buttons to the page bar/sidebar, I'd like to place a long ad directly underneath the logo in the gap between the image and the page bar. Is that possible?

Thanks for your time!

I'm a Php newbie. I love atahualpa and I've been trying to do the same thing on my site.
www.dovermarketreview.com

I succeeded in adding a new widget area with two widgets. Here's what I put in the 'Configure Header Area' of the Style and edit HEADER AREA page:

%bar1 <?php bfa_widget_area('name=TopSideAd&cells=2&width_1=75 0&align_1=9&align_2=1&before_widget=<div id="%1$s" class="header-widget %2$s">&after_widget=</div>'); ?> %logo %pages


This gives me TopSideAd_1 widget area for a 750 px image on the left and TopSideAd_2 widget area with 200 px of space to span my 950 px page width.

I put text widgets in each with a URL to an image. It's working Ok - there's a minor inconsistency between Firefox and IE I'm still figuring out.

I want to use a rotating image for one of my widget areas and I haven't figured out how to do it yet. I tried a few plugins and they didn't work. It's a good exercise for getting 'under the covers' a little bit with this theme...

Good luck. You have a nice site.

Hi Tim. Appreciate the help. You mention 'putting text widgets in each'-can you talk me through how you did that? Sorry to be a pain.

Not a pain at all... once you add the code to create the new widget area you will see the widget areas when you click on the widgets link under 'Appearance' in dashboard.

After I put in the code:
<?php bfa_widget_area('name=TopSideAd&cells=2&width_1=75 0&align_1=9&align_2=1&before_widget=<div id="%1$s" class="header-widget %2$s">&after_widget=</div>')

in the "configure header area"

- I then have Top Side Ad 1 and Top Side Ad 2 in the widget admin screen.

Then just drag a 'Text' widget to each of the new widget areas and put in the html to show an image.

One weird thing I've found is that I can only get my images to appear if they are stored in the header directory (or a sub dir added to the header directory)

So this works for a link to my header image:

<a href="http://dovermarketreview.com">
<img src="/wp-content/themes/atahualpa345/images/header/header2.jpg" alt="Dover Supermarket News"/></a>

I've tried a couple different plugins for getting a random rotation of images and I can't get them to work. I've figured out a few hacks but they result in some annoying little changes to alignment or placement. I've enjoyed trying to figure it out but I'm probably a few hours away for asking for some hints on the forum.

Hope this helps...

I'm not sure - but if you get this to work you can probably create another widget area to center RSS links below your logo. There's a bfa-subscribe widget that you could use instead of the text widget mentioned above...

Hi Tim. Fantastic advice, I can create the widgets now. However, the problem remains that they're sitting on top of my header image as opposed to sitting next to it. Even if I change the size of the source header image, it still stretches across the entire viewport.

Thanks for your help thus far, you've solved 'Problem 3' for me, and almost Problem 1!

Hi guys, can anyone help with this? Still haven't figured it out.

if you want the header image and the widgets on the same line, you will have to use one of the widget areas todisplay your image - so you will be rolliing your own header area

or

you can use css positioning to move the widget areas on top of the image

Thanks everyone for the discussion here. I'm planning for a new site and top widgets are an area of interest to me.

I'm grappling with how to manage in a way that I could have landing pages within the site that have nothing from the header area (and are easy to set up for a non-programmer).

• Sounds like I could use what's presented here to put the logo and any images into widgets and then use WidgetLogic to turn them off on certain pages.

• From other threads, it seemed that hiding the menu bar on selected pages required some php editing. So I'd be better having a left sidebar menu instead, since I don't want to do that every time I have a new blank formatted page.

• I assume this would also be true if I used any of the bars in the header area. Unless I get them into a widget, it's not so easy to turn them off on selected pages.

Any comments on my understanding would be appreciated.

Best,
Caryn

you can hide the menubar using a CSS insert that is page specific
you could do the same for any of the header elements

So I wouldn't have to do anything with uploading files with the new pages that needed the blank format, I'd just add some code to the CSS insert section of the theme. I think even I could handle that!

Thanks so much, Juggledad!

DoverTim,

Here's the best way to get rotating header images. Install Nextgen gallery plugin. Then install the JW player from within Nextgen gallery plugin. Now create a gallery in Nextgen and use the "slideshow widget" that comes with it. Put the widget in a header widget area/cell you created. You can select the amount of time for rotation, all kids of rotation effects like fading, etc.

One other hint... do a search on google for "jw player remove watermark".

I find this absolutely the most elegant and versatile way to include rotating images in the header. What's more, if you install the plugin "widget context" you can select which pages you want the rotating images to appear on. You can even then put more slideshow widgets into the header widget area and set them for other specific pages. That way you can have different rotating images for every page on the site of you wanted to.