In WordPress, with the theme Atahualpa, in Theme Options - Style & edit Header area - Show Search Box, if you choose Yes, the search box will be placed in the bar where the logo and the Blog Title are.
For a website I'm setting up, I didn't like that, and I wanted the search box in the menu bar. (A horizontal Pages menu bar.)
Before I added the search box to this menu bar, it looked like this:
I figured out how to add the search box to this menu bar, but I've still got a problem that I can't seem to solve.
This is what I did:
I changed the file atahualpa\functions\bfa_header_config.php as follows:
Find “ // Search box”, and delete the part about the Search box.
Now find the line “// Close table if centered”, and right before that, I pasted:
HTML Code:
// Search box
if ( $bfa_ata['show_search_box'] == “Yes” )
{
echo ‘<li style=”float:right; border-top: solid 1px #CCCCCC;”>
<form method=”get” action=”‘ . home_url() . ‘/”>
<div >’ .
// Check for WP 2.2 which doesn’t know get_search_query
( function_exists(‘get_search_query’) ? ‘
<input type=”text” onfocus=”this.value=\” .
( get_search_query() ? get_search_query() : ” ) . ‘\’”
value=”‘ . ( get_search_query() ? get_search_query() : $bfa_ata['searchbox_text'] ) .
‘” onblur=”this.value=\” . ( get_search_query() ? get_search_query() :
$bfa_ata['searchbox_text'] ) . ‘\’” name=”s” />’ :
‘<input type=”text” name=”s” />’) .
‘</div>
</form>
</li>
‘;
}
Now I only have this problem:
By doing this, the menu bar becomes higher than it's supposed to be. The menu bar and the menu items all have a thin solid grey border, and now you can see that the menu items are have less height than the menu bar they're in.
Also, you can see that the search box is a bit too high, so the border right below it disappears.
(I set these borders in Atahualpa Theme Options – MENU 1 (Page Menu) – Border around all menu items: solid 1px #cccccc.)
Here you can see what I mean:
I don't like this.
I found one possible solution, but this causes other problems:
I added the line “height: 11px;” to Atahualpa Theme Options – Style Forms – Form fields: Style. This helps: the menu bar looks cool again. But now, if I add a form to a page with multi-line input field, the input field is also only 11 px high...
So this 'solution' doesn't work for me.
Can anyone help me, please?
Thanx in advance, Laura
Threaded Mode