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 »

How can I move the logo and search box above the container?


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 Apr 16, 2011, 06:57 PM
NoahS
 
Help How can I move the logo and search box above the container?

Hi, my clients wants the search box and logo to appear outside the container div, above the rounded corner background that contains the site, in the body. I thought to position the container, and create a CSS insert that repositions the logo, but I wondered if others with more experience could guide me in which divs to properly move, and how to do it with decent cross-browser compatibility? IE 7 and above?

Thanks for any help,

Noah
  #2  
Old Apr 16, 2011, 08:33 PM
lmilesw's Avatar
lmilesw
 
9,973 posts · Jul 2009
Central New York State USA
Do you have a link to the site?
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #3  
Old Apr 19, 2011, 08:09 PM
NoahS
 
Sorry, www.behavioralhealthtoday.com ...
  #4  
Old Apr 19, 2011, 08:34 PM
lmilesw's Avatar
lmilesw
 
9,973 posts · Jul 2009
Central New York State USA
In ATO>Style & Edit Header Area>Search Box try adding the following and taking out any borders.
HTML Code:
position: relative;
bottom: 149px;
You might also what to copy whatever is there and paste it into a text document in case you want to revert to what you had.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #5  
Old Apr 19, 2011, 10:47 PM
NoahS
 
Thanks, Larry.

I tried it, and it moves nicely, with just the position change, however, I'm really looking at doing three things:

1. moving the search box
2. moving the logo
3. collapsing the whitespace containing the logo in a controlled way.

I can tinker with the CSS, and test it manually, but I was hoping this was a more common request, and had been worked out already. If not, I don't mean to lean on you to do my job, I'll do it. But if you can offer any further assistance, I'll take it.

Would this be something to bring up in the gold or diamond forums?

-Noah
  #6  
Old Apr 20, 2011, 08:38 AM
lmilesw's Avatar
lmilesw
 
9,973 posts · Jul 2009
Central New York State USA
It all comes down to looking through the theme options to see if what you want to accomplish can be done from there. For example logo positioning etc. can be done from ATO>Style & Edit Header Area. If there is nothing in the theme options I rely on Firebug to help me virtually test CSS and then I put the code I've worked out in ATO>Add HTML/CSS Inserts>CSS Inserts.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.

Bookmarks

Tags
css location logo, header, position

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
how to put any image between logo and search box rajeshjsl Header configuration & styling 1 Mar 1, 2011 05:15 AM
Formatting logo box, specifically search box and rss/feed stuff bloggingblue Header configuration & styling 2 Sep 6, 2010 03:06 PM
Want to move the search box under the logo neska0209 Header configuration & styling 3 Jul 14, 2009 07:34 PM
Switch positions of logo and search box? Logo on right side DogBot Header configuration & styling 1 Jun 12, 2009 10:17 AM


All times are GMT -6. The time now is 02:57 AM.


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