Title: CSS Help
Last modified: August 30, 2020

---

# CSS Help

 *  Resolved [jun6lee](https://wordpress.org/support/users/ram-jaane/)
 * (@ram-jaane)
 * [5 years, 9 months ago](https://wordpress.org/support/topic/css-help-93/)
 * I would like the search (popup) up to have a white background like this:
    [https://pixelgrade.com/themes/gema/preview/?market_ref=envato](https://pixelgrade.com/themes/gema/preview/?market_ref=envato)
 * I would also like to customise the text from “Search here..” to something closer
   to the above example. Using one of your examples in the suport forum here, I’ve
   managed to make the box slimmer, but struggling with the colors.
 * Thus far I have:
 * form.is-form-id-2517 {
    width: 550px; max-width: 100%; margin: 0 auto; } form.
   is-form-id-2517 input.is-search-submit, form.is-form-id-2517 input.is-search-
   input { height: 42px; }

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

 *  Plugin Author [Vinod Dalvi](https://wordpress.org/support/users/vinod-dalvi/)
 * (@vinod-dalvi)
 * [5 years, 9 months ago](https://wordpress.org/support/topic/css-help-93/#post-13340185)
 * I hope you are well today and thank you for your question.
 * Could you please share your site URL where it’s displaying so that I can help
   you to achieve it?
 * Best regards,
 *  Thread Starter [jun6lee](https://wordpress.org/support/users/ram-jaane/)
 * (@ram-jaane)
 * [5 years, 9 months ago](https://wordpress.org/support/topic/css-help-93/#post-13340325)
 * Sure, it’s jun6lee.in
 *  Plugin Author [Vinod Dalvi](https://wordpress.org/support/users/vinod-dalvi/)
 * (@vinod-dalvi)
 * [5 years, 9 months ago](https://wordpress.org/support/topic/css-help-93/#post-13340460)
 * Thank you for sharing the site URL.
 * > I would like the search (popup) up to have a white background like this:
   >  [https://pixelgrade.com/themes/gema/preview/?market_ref=envato](https://pixelgrade.com/themes/gema/preview/?market_ref=envato)
 * I am not sure what you are referring to as search (popup) so could you please
   describe it a bit more?
 * > I would also like to customise the text from “Search here..” to something closer
   > to the above example.
 * You can customize the placeholder text by editing the search form and using its
   Search Form Customizer on the below path.
 * Admin Area -> Ivory Search -> Search Forms -> Edit Search Form -> Design -> Search
   Form Customizer
 *  Thread Starter [jun6lee](https://wordpress.org/support/users/ram-jaane/)
 * (@ram-jaane)
 * [5 years, 9 months ago](https://wordpress.org/support/topic/css-help-93/#post-13340556)
 * Oh. Sorry for being unclear. What I meant was, I’m using the popup style menu
   search form.
 * It throws up the search box which I’ve resized, but around it the rest is shaded
   a transparent black, I’d like it to be white and add some H1 text to it.
 * Where can I access that specific layout, or can it be done within custom css?
 * <Edit> The search form customiser concerns the text box and the results but not
   the are around the search box, that black/transparent area.
    -  This reply was modified 5 years, 9 months ago by [jun6lee](https://wordpress.org/support/users/ram-jaane/).
 *  Plugin Author [Vinod Dalvi](https://wordpress.org/support/users/vinod-dalvi/)
 * (@vinod-dalvi)
 * [5 years, 9 months ago](https://wordpress.org/support/topic/css-help-93/#post-13342570)
 * You can change the popup background to white by adding the following CSS code
   in the Custom CSS code option of your theme on the below path.
 * Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code
 *     ```
       div#is-popup-wrapper {
           background: #FFF;
       }
       ```
   
 * You have to develop custom code to make any changes in the popup markup or add
   text.
 *  Thread Starter [jun6lee](https://wordpress.org/support/users/ram-jaane/)
 * (@ram-jaane)
 * [5 years, 9 months ago](https://wordpress.org/support/topic/css-help-93/#post-13358626)
 * Super, that did the trick.
 * Now just a tiny enhancement:
    If I want to add a H1 Heading just above the search
   box saying.. “Search”
 * — is that popup wrapper in a file I could tweak?
 *  Plugin Author [Vinod Dalvi](https://wordpress.org/support/users/vinod-dalvi/)
 * (@vinod-dalvi)
 * [5 years, 9 months ago](https://wordpress.org/support/topic/css-help-93/#post-13360164)
 * Yes it is in the below plugin file on line number 905
 * /add-search-to-menu/public/class-is-public.php
 *  Thread Starter [jun6lee](https://wordpress.org/support/users/ram-jaane/)
 * (@ram-jaane)
 * [5 years, 8 months ago](https://wordpress.org/support/topic/css-help-93/#post-13373761)
 * So I should add something like the below?
 * echo ‘<div class=”” style=”display:post-title”> hello </div> ;
 * I’ve tried a few iterations but keep breaking it.
    Sorry for the rookie support
   query.
 *  Plugin Author [Vinod Dalvi](https://wordpress.org/support/users/vinod-dalvi/)
 * (@vinod-dalvi)
 * [5 years, 8 months ago](https://wordpress.org/support/topic/css-help-93/#post-13375994)
 * The shared code is incorrect.
 * Developing custom code for custom functionality is beyond the scope of support
   that I provide here.
 * If you are not a developer then you can consider hiring a developer to develop
   it for you.
 *  Plugin Author [Vinod Dalvi](https://wordpress.org/support/users/vinod-dalvi/)
 * (@vinod-dalvi)
 * [5 years, 8 months ago](https://wordpress.org/support/topic/css-help-93/#post-13389358)
 * To add content in the menu search form popup, I have added below hooks in the
   latest released plugin version 4.5.6 so please update the plugin on your website.
 * is_before_popup_search_form
    is_after_popup_search_form
 *  Thread Starter [jun6lee](https://wordpress.org/support/users/ram-jaane/)
 * (@ram-jaane)
 * [5 years, 8 months ago](https://wordpress.org/support/topic/css-help-93/#post-13391793)
 * Thanks for the update.
 * I’ve added the below to functions.php for my theme and got a starting point now.
   
   It shows text at the top left corner, I’ll try and figure out how to get it styled
   better and directly above the search-box later.
 * Adding here more for the visibility of others who may be attempting the same.
 * /**
    * Customise Popup Search */
 * function mysearchtitle()
    { echo “hello”; }
 * add_action(‘is_before_popup_search_form’,’mysearchtitle’);
 *  Plugin Author [Vinod Dalvi](https://wordpress.org/support/users/vinod-dalvi/)
 * (@vinod-dalvi)
 * [5 years, 8 months ago](https://wordpress.org/support/topic/css-help-93/#post-13394358)
 * Awesome great to see you got that achieved.
 * Thanks for helping out here in this forum by sharing the solution.
 * Your help here is really appreciated.

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

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

 * ![](https://ps.w.org/add-search-to-menu/assets/icon-256x256.png?rev=2077748)
 * [Ivory Search - WordPress Search Plugin](https://wordpress.org/plugins/add-search-to-menu/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/add-search-to-menu/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/add-search-to-menu/)
 * [Active Topics](https://wordpress.org/support/plugin/add-search-to-menu/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/add-search-to-menu/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/add-search-to-menu/reviews/)

 * 12 replies
 * 2 participants
 * Last reply from: [Vinod Dalvi](https://wordpress.org/support/users/vinod-dalvi/)
 * Last activity: [5 years, 8 months ago](https://wordpress.org/support/topic/css-help-93/#post-13394358)
 * Status: resolved