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,
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
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
(@ram-jaane)
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.
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
(@ram-jaane)
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?
Yes it is in the below plugin file on line number 905
/add-search-to-menu/public/class-is-public.php
Thread Starter
jun6lee
(@ram-jaane)
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.
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.
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
(@ram-jaane)
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’);
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.
