• Resolved nihonnik

    (@nihonnik)


    Dear Support,

    I am trying to center my search bar in the middle of the page, such that it aligns perfectly with my menu, but I can’t figure out how to do that.

    I will private message you the URL and log in information. Thank you

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author Vinod Dalvi

    (@vinod-dalvi)

    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,

    Thread Starter nihonnik

    (@nihonnik)

    Hi Vinod,

    Perfect, this has worked. Is there any way to make the search icon button actually be inside the search box itself?

    Plugin Author Vinod Dalvi

    (@vinod-dalvi)

    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.

    Thread Starter nihonnik

    (@nihonnik)

    Hi Vinod,

    Even if I selected your search bar look, not the “default” look?

    Plugin Author Vinod Dalvi

    (@vinod-dalvi)

    In that case, you have to change the plugin code using its hooks.

    Thread Starter nihonnik

    (@nihonnik)

    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

    Plugin Author Vinod Dalvi

    (@vinod-dalvi)

    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

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

The topic ‘Center search bar’ is closed to new replies.