I hope you are well today and thank you for your question.
You can center align it by adding the below CSS code in the Custom CSS option of Ivory Search plugin settings on the path Ivory Search -> Settings -> Settings
#top form.is-search-form {
margin: 0 auto;
display: table;
}
Best regards,
Hi Vinod,
Perfect, this has worked. Is there any way to make the search icon button actually be inside the search box itself?
You have to develop custom code by contacting the theme author to achieve this as the search form is displayed by the theme searchform.php file.
Hi Vinod,
Even if I selected your search bar look, not the “default” look?
In that case, you have to change the plugin code using its hooks.
ok, no problem I can do that. Can you point me in which direction I should look to get started? For example, which hooks does your plugin define that I would need to look at?
Thanks,
Nik
In the plugin form_html function on line number 388 in the plugin file /add-search-to-menu/includes/class-is-search-form.php you will see below hooks used that you can use to change the search form.
is_after_search_form
is_custom_search_form
is_default_search_form