Wordpress Themes - WP Forum at BFA
Click Here To DONATE! Support the theme development, get more attention and additional benefits based on your donation level. Your forum name will be highlighted.

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

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


Build custom WP THEMES, without
coding.
Click here for THEMEFRAME

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
  #1  
Old Feb 19, 2011, 11:56 AM
Zenman's Avatar
Zenman
 
24 posts · Feb 2011
Help [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

Last edited by Zenman; Feb 20, 2011 at 01:35 AM.
  #2  
Old Feb 19, 2011, 12:55 PM
juggledad's Avatar
juggledad
 
19,974 posts · Mar 2009
OSX 10.6.8/10.7.3 WP 2.8.x/2.9.x/3.x Atahualpa 3.5.x/3.7.x Safari 5.x Firefox 11 XP
Move to 3.6.4 - there is a new option ato->Header Image->NEW Overlay Header Image
  #3  
Old Feb 19, 2011, 01:16 PM
Zenman's Avatar
Zenman
 
24 posts · Feb 2011
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?

  #4  
Old Feb 19, 2011, 01:18 PM
Zenman's Avatar
Zenman
 
24 posts · Feb 2011
Oops, found it already!

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

  #5  
Old Feb 19, 2011, 01:44 PM
Zenman's Avatar
Zenman
 
24 posts · Feb 2011
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


Last edited by Zenman; Feb 19, 2011 at 03:16 PM.
  #6  
Old Feb 19, 2011, 01:52 PM
Zenman's Avatar
Zenman
 
24 posts · Feb 2011
Fixed! I added this code as a CSS insert:

Code:
#header_logo_overlay img{
float: left;
}
Is that enough for all browsers and situations?

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] Placing logo over top of Rotating header images glennvogelsang Header configuration & styling 10 Mar 7, 2011 05:34 AM
[SOLVED] why insert image into image header in place to the blogtitle (like a logo) ? gilles Header configuration & styling 1 Sep 5, 2009 04:14 AM
Flash in place of rotating images in header frankrizzo5150 Header configuration & styling 7 Feb 21, 2009 12:04 PM


All times are GMT -6. The time now is 03:47 PM.


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