Search Bar Width

Ivory Search › Forums › Support › Search Bar Width

Viewing 3 reply threads

You must be logged in to create new topic or reply to the topic.

  • Author
    Posts
    • March 5, 2020 at 2:52 AM #4060
      Joelle Baldwin
      Participant
      • Topics: 1
      • Replies: 1

      Hello. I know the custom css will be different for each website Theme, but I’ve tried many of them on this support page with no luck. Could you send me code to decrease the width of the search bar, so that it only fills the width of the page/column and doesn’t spill over?

      Recipes – 2

      Thank you!

    • March 6, 2020 at 5:25 PM #4069
      Ivory Search
      Keymaster
      • Topics: 0
      • Replies: 1,735

      I hope you are well today and thank you for your question.

      You can achieve this by adding the below CSS code in the Custom CSS option of Ivory Search plugin settings on the path Ivory Search -> Settings -> Settings

      form.is-form-style-1 label {
    max-width: 60%;
    padding-right: 25px;
}

form.is-form-style-1 input.is-search-input {
    width: 100%;
}

      Best regards,
      Ivory Search Support

    • March 6, 2020 at 7:49 PM #4071
      Joelle Baldwin
      Participant
      • Topics: 1
      • Replies: 1

      Perfect ā€” thank you so much!

    • March 7, 2020 at 8:36 PM #4080
      Ivory Search
      Keymaster
      • Topics: 0
      • Replies: 1,735

      You are most welcome, Iā€™m glad I was able to help you with this matter. There is no obligation but by your kind words I wonder if I could trouble you to leave a review based on this experience here:

      https://wordpress.org/support/plugin/add-search-to-menu/reviews/?filter=5

      Iā€™d really appreciate that. šŸ™‚

      And if I can be of any further assistance please don’t hesitate to ask.

  • Author
    Posts
Viewing 3 reply threads

You must be logged in to create new topic or reply to the topic.