Wordpress Themes - WP Forum at BFA - [SOLVED] How to place the LOGO over the header images?

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)

- Header configuration & styling (http://forum.bytesforall.com/forumdisplay.php?f=15)

- - [SOLVED] How to place the LOGO over the header images? (http://forum.bytesforall.com/showthread.php?t=12888)

Zenman

Feb 19, 2011 11:56 AM

[SOLVED] How to place the LOGO over the header images?

Hi there,

I use Atahualpa v 3.6.1. and have managed to place the BLOG-title and BLOG-tagline over the header images, but I can't find an option to do the same with the LOGO.

Is there an option to place the logo at the left side in the same DIV as the Blog title and tagline, over the header image, with the Blog title and tagline right next to it or can I fix it somewhere else?

My header settings (under construction whilst trying several settings):
Rotate header images with js: 0
Sort or shuffle...: Sort
Fade in/out...: 0
Preload for JS rotation: Yes
Make header image clickable: No
Header Image: height: 150, alignment: top center
Opacity: all default
Overlay Blog TITLE over header images: No
Overlay Blog TAGLINE over ...: No
Overlayed Blog....style: default

:)

www.de-a.nl/contact.php

juggledad

Feb 19, 2011 12:55 PM

Move to 3.6.4 - there is a new option ato->Header Image->NEW Overlay Header Image

Zenman

Feb 19, 2011 01:16 PM

Thanks,

Do I have to upload all the files one by one or is there a smarter way to update from 3.6.1 to 3.6.4?

:)

Zenman

Feb 19, 2011 01:18 PM

Oops, found it already!

I uploaded the zip-file and found an option in my Control Panel to extract it...

:)

Zenman

Feb 19, 2011 01:44 PM

The overlay works but the Blog Title and tagline are pushed down.

This is the code I used:

Code:

<div id="header_logo_overlay">

        <img src="<?php echo site_url(); ?>/wp-content/images/logo_de-A_small.png" alt="logo de A" />

 </div>

http://www.de-a.nl/contact.php

:)

Zenman

Feb 19, 2011 01:52 PM

Fixed! I added this code as a CSS insert:

Code:

#header_logo_overlay img{

float: left;

}

Is that enough for all browsers and situations?

Handre

Feb 22, 2011 06:16 AM

I have the same problem. I want to place a Logo + Blogtitle over the header image. I had in a previous version of Atahualpa, but somehow it doesn't work anymore.

I have my Logo4.gif in wp-content/themes/atahualpa364/atahualpa364/images stored and filled it in in Show logo image.

What should I do? What code do I use?

Please help.

juggledad

Feb 22, 2011 06:39 AM

Handre - did you try what Zenman did or try using the new option at 'ato->Header Image->NEW Overlay Header Image' ???

Handre

Feb 22, 2011 08:18 AM

I used the code Zenman is using in ato->Header Image->NEW Overlay Header Image

juggledad

Feb 22, 2011 09:10 AM

Well, did it work? if not post your URL so we can see what is happening

Handre

Feb 22, 2011 09:20 AM

No, it doesn't work the way I did it.

www.concordiaeefde.nl

Handre

Feb 22, 2011 09:24 AM

IN Internet Explorer, no logo at all.
In firefox logo pushing the header images downwards.

juggledad

Feb 22, 2011 09:24 AM

Shut off the header image fade in/out option - that messes up things. The jscript code overlays everything in the header ares.

Handre

Feb 22, 2011 09:27 AM

same problem

Handre

Feb 22, 2011 09:32 AM

it's fixed now.
Wrong file pad :o

All times are GMT -6. The time now is 06:19 PM.