CSS Problem

Ah Yes, I see now!
Sorry I missed the advice in the FAQ about being able to remove the submit button through adding the follwoing to the theme’s functions.php file (found in appearence/editor).

_______

function myslug_show_search_submit( $bool, $item, $depth, $args ){
$bool = false;
return $bool;
}
add_filter( ‘bop_nav_search_show_submit_button’, ‘myslug_nav_search_form’, 10, 4 );

______

I’ve still got the issue of the background of the box turning blue when I put text into it (rendering it nearly unreadable) and also the ‘search’ text being on top of the box rather than alongside it.

Many Thanks
TelB

Very interesting, and I also removed the ‘Search’ text with some more code that you kindly incuded in the FAQ section; code below.

I just replaced your ‘The text you want’ with ” ie no spaces, nothing at all. It then removed the text completely.

All I need to do now is to;
a) find a way to right align the search box
b) align it slightly vertically down
c) change the back from changing to dark blue when text is entered into it

and I am good to go ??

Oh! if it was possible to add a magnifying glass icon then this would be about as perfect as it can get! ??

Thank you!

Cheers
TelB

function myslug_nav_search_screen_reader_text( $text, $item, $depth, $args ){
$text = ”; //for nothing
$text = __( ‘<span class=”screen-reader-text”>The text you want</span>’, ‘myslug’ ); //to change – the __() is for theme translation
return $text;
}
add_filter( ‘bop_nav_search_screen_reader_text’, ‘myslug_nav_search_screen_reader_text’, 10, 4 );

Hi TelB,

Thanks for getting in touch and your kind words regarding my support.

Well done on rummaging through the support forums and finding solutions to most of the problems you’ve encountered. Looking at your site, am I right in thinking that the last job to do is to shift the text box and magnifying glass vertically so they are in better alignment? If so, I think all you need to add is:

#wpadminbar>#wp-toolbar>#wp-admin-bar-top-secondary>#wp-admin-bar-search #adminbarsearch input.adminbar-input{
  margin-top: 4px;
}

to your css.

Hope this helps.

Cheers,
Joe

Sorry, nevermind my previous post. As I couldn’t see another search bar on screen when I went on at first, I strangely assumed wpadminbar search was thing you were trying to edit – pretty silly of me.

Looking at the one you have now, it seems to be working well. I take it you’ve fixed all the issues you were having?

Cheers,
Joe

Hey Joe (Lol! Sorry!),
Yes, Thank You! I am indebted to you for this code and for your kind superb help!
If there is anything that I, or totalbustraining.com can do for you, free course, testimonial, review, facebook like etc etc etc please let me know!
Cheers
TelB

Ooops very silly me!
the url was incorrect…
totalbusinesstraining.com

Thank You! ??
One happy guy ??
Cheers
TelB

Glad I could help, I may well take you up on one of those offers at some point. ??

Cheers,
Joe