Title: CSS Problem
Last modified: August 30, 2016

---

# CSS Problem

 *  Resolved [TelB](https://wordpress.org/support/users/telb/)
 * (@telb)
 * [10 years, 8 months ago](https://wordpress.org/support/topic/css-problem-49/)
 * Hiya Joe,
    Superb plugin! – Thank you! Also, I do appreciate your kind style 
   of supporting and giving advice on here. I think that you have got the nicest
   tone of any support that I have ever read! (Lol might sound like flattery but
   I mean it!).
 * Unfortunately, it would appear that I am having css issues.
 * The site is [http://totalbusinesstraining.com](http://totalbusinesstraining.com).
 * I am using the optimizepress 2 theme. The good thing this that it is easily possible
   to add css code throughput via a css option box.
    I can add the search bar fine
   but the title and search text are showing in a column horizontally rather than
   inline vertically. I have removed a couple of top-level menu items to give the
   search bar room but it doesnt sort the problem.
 * I’d appreciate it if you could offer some kind advice please?
 * Cheers
    TelB
 * [https://wordpress.org/plugins/bop-search-box-item-type-for-nav-menus/](https://wordpress.org/plugins/bop-search-box-item-type-for-nav-menus/)

Viewing 8 replies - 1 through 8 (of 8 total)

 *  Thread Starter [TelB](https://wordpress.org/support/users/telb/)
 * (@telb)
 * [10 years, 8 months ago](https://wordpress.org/support/topic/css-problem-49/#post-6544344)
 * 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
 *  Thread Starter [TelB](https://wordpress.org/support/users/telb/)
 * (@telb)
 * [10 years, 8 months ago](https://wordpress.org/support/topic/css-problem-49/#post-6544352)
 * 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 );
 *  Plugin Author [joe_bopper](https://wordpress.org/support/users/joe_bopper/)
 * (@joe_bopper)
 * [10 years, 8 months ago](https://wordpress.org/support/topic/css-problem-49/#post-6544374)
 * 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
 *  Plugin Author [joe_bopper](https://wordpress.org/support/users/joe_bopper/)
 * (@joe_bopper)
 * [10 years, 8 months ago](https://wordpress.org/support/topic/css-problem-49/#post-6544380)
 * 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
 *  Thread Starter [TelB](https://wordpress.org/support/users/telb/)
 * (@telb)
 * [10 years, 8 months ago](https://wordpress.org/support/topic/css-problem-49/#post-6544405)
 * 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
 *  Thread Starter [TelB](https://wordpress.org/support/users/telb/)
 * (@telb)
 * [10 years, 8 months ago](https://wordpress.org/support/topic/css-problem-49/#post-6544406)
 * Ooops very silly me!
    the url was incorrect… totalbusinesstraining.com
 *  Thread Starter [TelB](https://wordpress.org/support/users/telb/)
 * (@telb)
 * [10 years, 8 months ago](https://wordpress.org/support/topic/css-problem-49/#post-6544407)
 * Thank You! 🙂
    One happy guy 🙂 Cheers TelB
 *  Plugin Author [joe_bopper](https://wordpress.org/support/users/joe_bopper/)
 * (@joe_bopper)
 * [10 years, 8 months ago](https://wordpress.org/support/topic/css-problem-49/#post-6544421)
 * Glad I could help, I may well take you up on one of those offers at some point.
   🙂
 * Cheers,
    Joe

Viewing 8 replies - 1 through 8 (of 8 total)

The topic ‘CSS Problem’ is closed to new replies.

 * ![](https://ps.w.org/bop-search-box-item-type-for-nav-menus/assets/icon-128x128.
   png?rev=1067133)
 * [Bop Search Box Item Type For Nav Menus](https://wordpress.org/plugins/bop-search-box-item-type-for-nav-menus/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/bop-search-box-item-type-for-nav-menus/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/bop-search-box-item-type-for-nav-menus/)
 * [Active Topics](https://wordpress.org/support/plugin/bop-search-box-item-type-for-nav-menus/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/bop-search-box-item-type-for-nav-menus/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/bop-search-box-item-type-for-nav-menus/reviews/)

## Tags

 * [css problems](https://wordpress.org/support/topic-tag/css-problems/)

 * 8 replies
 * 2 participants
 * Last reply from: [joe_bopper](https://wordpress.org/support/users/joe_bopper/)
 * Last activity: [10 years, 8 months ago](https://wordpress.org/support/topic/css-problem-49/#post-6544421)
 * Status: resolved