Style SVG Spyglass Icon

Ivory Search › Forums › Support › Style SVG Spyglass Icon

Viewing 3 reply threads

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

  • Author
    Posts
    • November 1, 2018 at 5:06 PM #965
      schalipp
      Participant
      • Topics: 1
      • Replies: 1

      Hi, I am placing the search (spyglass) icon in my main menu. However, since the menu uses a dark background, the icon is barely visible. How can I change the icons’ color to white? I noticed it is an SVG graphic and I have no idea how to style. Thanks.

    • November 1, 2018 at 7:16 PM #966
      Ivory Search
      Keymaster
      • Topics: 0
      • Replies: 1,748

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

      You can change it 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 path {
fill: #FFF;
}

      Best regards,
      Ivory Search Support

    • November 1, 2018 at 10:33 PM #967
      schalipp
      Participant
      • Topics: 1
      • Replies: 1

      Yes I am well and thank you for asking! Hope you are well too. Your CSS works fine, thank you. I did not know it was possible to style SVG images through CSS. Learned something new today! šŸ™‚

    • November 2, 2018 at 1:19 PM #970
      Ivory Search
      Keymaster
      • Topics: 0
      • Replies: 1,748

      You are most welcome, Iā€™m glad I was able to help you in 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.