The search icon appears below

Ivory Search › Forums › Support › The search icon appears below

Viewing 7 reply threads

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

  • Author
    Posts
    • October 11, 2019 at 12:16 AM #3089
      MatildaxP
      Participant
      • Topics: 2
      • Replies: 3

      Good day,
      I have a website http://veterix.vzor-web.cz/
      I have ivory search at the top of the menu, but the icon appears below it. How do I put it next to a search?

      thank you
      Martina

    • October 11, 2019 at 4:52 PM #3092
      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

      .elementor-widget-container form.is-search-form label {
    width: 200px;
    float: left;
}

      Best regards,
      Ivory Search Support

    • October 12, 2019 at 2:22 AM #3095
      MatildaxP
      Participant
      • Topics: 2
      • Replies: 3

      Thank you very much.

      Please one more advice.
      I need the text (Zadejte hledaný výraz) smaller and the search box smaller.

      Thank you for your help.

      Martina

    • October 12, 2019 at 1:45 PM #3096
      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.

      I need the text (Zadejte hledaný výraz) smaller and the search box smaller.

      Use below custom CSS code to achieve this.

      .is-search-form.is-form-style input.is-search-input {
    font-size: 13px;
}

.is-search-form.is-form-style .is-search-icon {
    padding: 4px;
}
    • October 31, 2019 at 4:28 PM #3270
      MatildaxP
      Participant
      • Topics: 2
      • Replies: 3

      Good day,

      I have a website veterix.vzor-web.cz
      I have a search at the top of the header. Now the search icon is black. I need it to be white.
      Can you help?

      Thank you
      Martina

    • October 31, 2019 at 8:03 PM #3271
      Ivory Search
      Keymaster
      • Topics: 0
      • Replies: 1,735

      You can make it white using below custom CSS code.

      .is-form-style-3 path {
    fill: #FFF;
}
    • November 1, 2019 at 1:02 AM #3272
      MatildaxP
      Participant
      • Topics: 2
      • Replies: 3

      Thank you very much!!

      Still, how do I reduce the magnifying glass icon?

    • November 1, 2019 at 4:02 PM #3278
      Ivory Search
      Keymaster
      • Topics: 0
      • Replies: 1,735

      The magnifying glass icon is displayed using SVG image so it is hard to change its size.

  • Author
    Posts
Viewing 7 reply threads

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