bar customization with css

Ivory Search › Forums › Support › bar customization with css

Viewing 1 reply thread

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

  • Author
    Posts
    • May 4, 2020 at 3:26 PM #4536
      roberto
      Participant
      • Topics: 1
      • Replies: 0

      Hi Support team,
      Hope you are doing well. I would like to reduce the width ( or length ) of search bar by css. I understand my question is not new issue , and following your instruction in previous posts but I can’t customize the CSS. I hope you can help me.

      Theme: KALE
      And my website wwww.slurp.netsons.org

      Thank you Team

    • May 4, 2020 at 11:50 PM #4540
      Ivory Search
      Keymaster
      • Topics: 0
      • Replies: 1,735

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

      You can reduce search form width by adding the below CSS code in the Custom CSS option of Ivory Search plugin settings on the path Ivory Search -> Settings -> Settings

      .is-menu.default form.is-search-form {
    max-width: 110px;
}

.is-menu.default form.is-search-form input.is-search-input {
    max-width: 100%;
}

      Best regards,
      Ivory Search Support

  • Author
    Posts
Viewing 1 reply thread

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