Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Page & Category Menu Bars »

[SOLVED] Page menu with search bar 'how to remove white space' at the top of the menu


  #1  
Old Feb 12, 2014, 11:37 AM
secretsquirrel
 
50 posts · Nov 2011
Staffordshire UK
www.lostdogswestmidlands.co.uk

Problem is white space above the black border below the header on the 'Page menu color blue with search bar'

Please how can I remove the white space above the black border

I have positioned the search bar

search Box - When I remove the code below from the configure header area, it corrects itself,
the white space disappears

Search Box:
valign:top;
margin-bottom: -250;
padding: 0;
position: relative;
top:12px;
font: .80em candara, trebuchet ms, cali;
width: 25%;
height: 0;

I usually can find answers in the forum but totally stumped and would appreciate little help, thanks in advance
  #2  
Old Feb 12, 2014, 02:21 PM
juggledad's Avatar
juggledad
 
23,648 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
did you look at the site with a code inspector?
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Feb 12, 2014, 02:49 PM
secretsquirrel
 
50 posts · Nov 2011
Staffordshire UK
Yes I use firebug

its the td-search-box

I just can't see it, have spend couple nights twiddling, when I delete the node, the line disappears

Juggledad please can you move this to the Gold forum, I should have posted in there. Thank you

Last edited by secretsquirrel; Feb 12, 2014 at 02:57 PM. Reason: I should have posted in Gold Forum
  #4  
Old Feb 12, 2014, 03:52 PM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
For something like this I generally use absolute postioning. Here is some sample code.
HTML Code:
.search-box {
    position: absolute;
    top: 246px;
    width: 1000px;
}
__________________
~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 Feb 12, 2014, 06:39 PM
juggledad's Avatar
juggledad
 
23,648 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
Larry's almost right. Get rid of the 'height: 0px;' you have in 'div.searchbox' and use
HTML Code:
position: absolute;
top: 261p;
right: 0px;
z-index: 99;
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support

Last edited by juggledad; Feb 12, 2014 at 07:54 PM.
  #6  
Old Feb 12, 2014, 07:41 PM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
My code relates to .search-box and gets rid of the white space.

I think Juggledad's relates to .searchbox but in my test didn't get rid of the white space.
__________________
~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.
  #7  
Old Feb 13, 2014, 01:14 AM
secretsquirrel
 
50 posts · Nov 2011
Staffordshire UK
Thanks to both of you its perfect, I have posted the code from 'Style the search box in the header' ATO options for any forum member to share.

Search Box:
align:top;
margin-bottom: -250;
position: absolute;
top: 260px;
font: .80em georgia, tahoma, verdana;
width: 25%;
right: 0px;
z-index: 99;

www.lostdogswestmidlands.co.uk

Thank you, I try not to ask as find the forum an extremely useful tool for research, this time I have learnt about the rule 'z-index: 99;' thou what it means is another matter ;-)

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
White space between menu hierarchy and page title OptimalZ06 Montezuma Theme 6 Dec 20, 2012 08:29 PM
menu bar white space in drop menu nando Page & Category Menu Bars 1 Jun 16, 2012 11:01 AM
White space between header and menu bar cswphotography Header configuration & styling 2 Feb 14, 2011 04:12 AM
[SOLVED] Centered Page Menu Results in left and right white space MichaelNagel Page & Category Menu Bars 2 Oct 11, 2010 08:44 AM
Too Much White Space at Top of Page-How Do I remove Mande Header configuration & styling 2 Aug 12, 2009 11:34 AM


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


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