Hover SVG file

Hello,

In your example layout of information boxes the svg files are changing color when hovering. How yo achieve this with own svg files? See attachment with example of these boxes or check our homepage.

Attachments:

You must be logged in to view attached files.

Hello,

In order to make the icon to change the color you set, for example, dark scheme on default and light on hover http://prntscr.com/m196d7 and http://prntscr.com/m196fh

You can find and set the Information box template and then create your own based on the sample https://xtemos.com/docs/woodmart/templates-library/

Best Regards

Hello Elise,

Thank you for your answer. I mean in case of using own icon. In the left box i put own icon only on hover it need to change to light but it doesn’t. So i thought you add some code in the svg chair file to achieve this. The adjustments in the builder are not working.

Hello,

Your SVG icon should have the option to set the color via Fill value with inline property http://prntscr.com/m1arlt

In this case, SVG would change the color for the white.

You can view a SVG sample here: ttps://woodmart.xtemos.com/demo-landing-gadget/demo/landing-gadget/

Best Regards

How to edit the svg code?

Hello,

You need to open SVG file in any text editor,for exmaple, sublime text or notepad ++

Best Regards

[Author]

Posts