Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Header configuration & styling »

4 Problems (Mainly about overlaying images/creating widgets)

Old Feb 10, 2010, 06:31 PM
4 posts · Feb 2010
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!
Old Feb 13, 2010, 09:29 AM
8 posts · Apr 2009
I'm a Php newbie. I love atahualpa and I've been trying to do the same thing on my site.

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.
Old Feb 14, 2010, 03:16 PM
4 posts · Feb 2010
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.
Old Feb 15, 2010, 07:27 AM
8 posts · Apr 2009
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...
Old Feb 15, 2010, 07:34 AM
8 posts · Apr 2009
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...
Old Feb 27, 2010, 02:52 PM
4 posts · Feb 2010
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!
Old Apr 14, 2010, 02:31 PM
4 posts · Feb 2010
Hi guys, can anyone help with this? Still haven't figured it out.
Old Apr 15, 2010, 05:59 AM
juggledad's Avatar
23,759 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
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


you can use css positioning to move the widget areas on top of the image
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
Old Apr 29, 2010, 08:48 AM
Caryn Inspired Raw
28 posts · Jul 2009
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.

Old Apr 29, 2010, 09:06 AM
juggledad's Avatar
23,759 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
you can hide the menubar using a CSS insert that is page specific
HTML Code:
.page-id-1189 #menu1 {display:none;}
you could do the same for any of the header elements
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
Old Apr 29, 2010, 09:10 AM
Caryn Inspired Raw
28 posts · Jul 2009
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!
Old May 2, 2010, 12:16 AM
emanuel1969's Avatar
133 posts · Apr 2010
Send a message via Skype™ to emanuel1969

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.


ads, header image, header widgets, overlaying

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes

Similar Threads
Thread Thread Starter Forum Replies Last Post
Is it possible to use background-images for the widgets? kathari Sidebars & Widgets 2 Nov 20, 2009 09:05 AM
Overlaying the %logo items on the header image. brokencosmos Header configuration & styling 1 Oct 3, 2009 09:00 PM
Need help creating pages with custom settings and widgets Humphrey Sidebars & Widgets 1 Apr 21, 2009 10:14 AM
Using background images in Center and Sidebar...Problems Velma Atahualpa 3 Wordpress theme 4 Feb 16, 2009 11:28 PM

All times are GMT -6. The time now is 08:52 PM.

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