Wordpress Themes - WP Forum at BFA
There will be no more development for Atahualpa (or any other theme), and no support. Also no new registrations. I turned off the donation system. I may turn the forum to read only if it gets abused for spam. Unfortunately I have no time for the forum or the themes. Thanks a lot to the people who helped in all these years, especially Larry and of course: Paul. Take care and stay healthy -- Flynn, Atahualpa developer, Sep 2021

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

How do I make search box appear in front of logo image?


  #1  
Old Nov 9, 2009, 09:21 AM
Dennis
 
26 posts · Nov 2009
I have finally worked out how to put in a logo image at the top of the screen... but now the search box disappears behind it. What am I doing wrong?

I also would like to have a my own search button connected to the search field (that you can click). Where should I upload this and should I change any code(where/what)?

I know that there are many threads already dealing with these matters... but I have very little experience in code and basically don't understand the short replies given. Can somebody help me?

Last edited by Dennis; Nov 10, 2009 at 11:11 AM.
  #2  
Old Nov 10, 2009, 11:10 AM
Dennis
 
26 posts · Nov 2009
Pleeease help me!
  #3  
Old Nov 10, 2009, 11:42 AM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
check your z-index
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #4  
Old Nov 10, 2009, 11:46 AM
Dennis
 
26 posts · Nov 2009
Where should I change my z-index and to what (so it will be higher than the Logo) ?
  #5  
Old Nov 10, 2009, 02:21 PM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
what's your URL
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #6  
Old Nov 10, 2009, 03:16 PM
Dennis
 
26 posts · Nov 2009
www.handyhansen.dk
  #7  
Old Nov 10, 2009, 03:17 PM
Dennis
 
26 posts · Nov 2009
But right now I have changed my design a bit - because I couldn't make it work.. but it would be nice if you could give me a tip! :0)
  #8  
Old Nov 11, 2009, 06:58 AM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
the problem with the way you have this implimented is that the header area is a table.
The logo area is a row of the table
the logo is a cell of the logo row, and the search box is a cell in the logo row

You can't have cells in a table overlap (least not to my knowledge)

So if you want to have the search box overlay your really big logo, you are going to have to change the code and make it a <div> inside the logo <div>
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support

Bookmarks



Similar Threads
Thread Thread Starter Forum Replies Last Post
How to make logo area on beside or overlay header image? phuongnv Header configuration & styling 16 Mar 17, 2011 07:09 PM
Want to move the search box under the logo neska0209 Header configuration & styling 3 Jul 14, 2009 08:34 PM
Switch positions of logo and search box? Logo on right side DogBot Header configuration & styling 1 Jun 12, 2009 11:17 AM
Want to make background image visible through logo div keblake Header configuration & styling 4 Mar 11, 2009 09:32 PM


All times are GMT -6. The time now is 01:16 PM.


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