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
    • #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

    • #2473
      Ivory Search
      Keymaster
      • Topics: 0
      • Replies: 1,748

      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

    • #2474
      Ivory Search
      Keymaster
      • Topics: 0
      • Replies: 1,748

      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%;
      }
Viewing 2 reply threads

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