How to resize the magnifying glass icon?

  • Resolved Joan Morci

    (@joanmor)


    7 years, 6 months ago

    Hi guys,

    Forgive but I can not find a way to reduce the size of the magnifying glass, to fit it to another web menu. I tried a code, but something must be missing…

    svg.search-icon {
    width: 15;
    height: 15;
}

    Greetings!
    Pd.: If you would have in the future option to change color and size (magnifying glass icon) from the options panel of the plugin, it would be a great idea.

    • This topic was modified 7 years, 6 months ago by Joan Morci. Reason: Pd.: If you would have in the future option to change color and size (magnifying glass icon) from the options panel of the plugin, it would be a great idea
    • This topic was modified 7 years, 6 months ago by Joan Morci. Reason: Correction word: search
Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Vinod Dalvi

    (@vinod-dalvi)

    Sorry to tell you but currently we can’t scale the inline SVG using CSS code but i will ASAP add support to scale it.

    In the meanwhile if you want to we can just display image magnifier in place of SVG image.

    If you want to do this, just share me your site URL where you are using this plugin and image URL which you want to display in place of magnifier icon.

    Plugin Author Vinod Dalvi

    (@vinod-dalvi)

    I have added support to the plugin to resize the magnifying glass icon so using latest version of plugin you can use custom CSS code like following to reaize the icon.

    svg.search-icon {
    width: 15px;
    height: 15px;
}
    Thread Starter Joan Morci

    (@joanmor)

    Thank you very much Vinod!

    I managed to reduce it so that it will remain at the same height as the size of the menu. It was by option ‘hover’ from the menu, depending on the current tab activates the background was left out of grid in another color. Now everything is perfect.

    Thank you very much for taking your time. This makes your work more professional, you know.

    web capture search icon

    Greetings! I’m going to dinner and when I finish I leave positive valuation! ??

    Plugin Author Vinod Dalvi

    (@vinod-dalvi)

    You are most welcome ??

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘How to resize the magnifying glass icon?’ is closed to new replies.