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 »

Extra space in header (left of logo and right of search bar).


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 May 21, 2011, 11:16 AM
AndrewKelley
 
4 posts · May 2011
Extra space in header (left of logo and right of search bar).

I am certain that I've overlooked something obvious. But after substantial time rooting around in the theme options, I can't figure out how to get rid of the extra space at the left and right at the very top of the header (left of the logo and right of the search bar). You can see what I'm referring to here.

Thanks for any pointers about how to get rid of the extra space.
  #2  
Old May 21, 2011, 01:51 PM
aQuickStudy's Avatar
aQuickStudy
 
43 posts · Mar 2010
With the logo, are you looking for the text to align with the edge of the tree image? It looks like your actual logo image file includes that space. You could either upload a new image file with the logo flush left in the file, or you could use a negative margin to move the exiting image over. -10px for the left margin should do it.

For the search, you've got a margin going on:

Code:
div.searchbox-form {
margin: 5px 10px 5px 10px;
}

Last edited by aQuickStudy; May 21, 2011 at 01:52 PM. Reason: I wasn't guessing about the logo image having the padding :)
  #3  
Old May 21, 2011, 07:47 PM
AndrewKelley
 
4 posts · May 2011
You're right about the image file -- since the margins at left and right were more or less symmetrical, I (incorrectly) assumed that it was a padding issue. Thanks for setting me straight.

However, I am not sure why the search box is styled with a margin. Here's what I have listed in the "style the search box" field in Atahualpa:

border: none;
border-bottom: 0;
width: 200px;
margin: 0;
padding: 0;

Andrew
  #4  
Old May 21, 2011, 08:00 PM
aQuickStudy's Avatar
aQuickStudy
 
43 posts · Mar 2010
That box is dealing with a different "layer" of the code. You've got to change the margin I pasted before.

Go to the "Add HTML/ CSS Inserts" section and paste this in the "CSS Inserts" box:

Code:
div.searchbox-form {
margin: 5px 0px 5px 10px;
}
If that doesn't work after a hard refresh, you could add an "!important" a la:

Code:
div.searchbox-form {
margin: 5px 0px 5px 10px !important;
}

Last edited by aQuickStudy; May 21, 2011 at 08:01 PM. Reason: changing a margin, not padding
  #5  
Old May 21, 2011, 08:43 PM
juggledad's Avatar
juggledad
 
22,315 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
or you could use the built in section for the search box styling at ato-> Style & edit HEADER AREA
->Search box
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #6  
Old May 21, 2011, 08:50 PM
AndrewKelley
 
4 posts · May 2011
Quote:
Originally Posted by juggledad
or you could use the built in section for the search box styling at ato-> Style & edit HEADER AREA
->Search box

Thanks, Juggledad. I've already tried that, unfortunately. I have it set as I describe above, but I'm still getting the padding.

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Remove space between logo image and search bar in logo area SC801 Header configuration & styling 2 Oct 14, 2010 12:39 PM
Positioning widget onto logo area creates extra spacing in the overall header area cab262 Header configuration & styling 1 May 20, 2010 02:14 PM
Where can I style space to the left and right of the page menu bar? Wimbledon Page & Category Menu Bars 6 May 28, 2009 11:43 PM
How to get the Search bar to sit below the logo Whatsthatcat? Header configuration & styling 1 Apr 29, 2009 07:36 PM


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


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