How to Change Search Bar Width?

Ivory Search › Forums › Support › How to Change Search Bar Width?

Viewing 2 reply threads

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

  • Author
    Posts
    • July 14, 2019 at 12:26 AM #2472
      Noctis Regis
      Participant
      • Topics: 2
      • Replies: 0

      First of all just want to say this plugin is incredible and I plan on using it in future projects.

      Just wanted to know, what custom CSS can I add to increase the width size of the search bar? Currently its too small and I’d like to make it full width on my page, but I can’t seem to do it.

      Tried this in another thread but did not work:

      .widget .is-search-form label,
      .widget .is-search-form input.is-search-input {
      width: 100%;
      }

      Thanks!

      https://i.gyazo.com/b6104b8eed2af8818a34013b691a9722.png

    • July 14, 2019 at 9:08 AM #2473
      Ivory Search
      Keymaster
      • Topics: 0
      • Replies: 1,735

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

      Could you please share me the page URL from your site where it is displaying so that I can help you to achieve it?

      Best regards,
      Ivory Search Support

    • July 15, 2019 at 1:31 PM #2474
      Ivory Search
      Keymaster
      • Topics: 0
      • Replies: 1,735

      Thank you for sharing the site URL.

      Please use the below custom CSS code to make it full width.

      #content .is-form-style label {
    width: 90%;
}
#content .is-form-style input.is-search-input {
    width: 100%;
}
  • Author
    Posts
Viewing 2 reply threads

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