Home Forums WoodMart support forum Hover SVG file

Hover SVG file

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #99093

    ostoyafurniture
    Participant

    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.
    #99125

    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

    #99134

    ostoyafurniture
    Participant

    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.

    #99215

    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

    #99217

    ostoyafurniture
    Participant

    How to edit the svg code?

    #99242

    Hello,

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

    Best Regards

Viewing 6 posts - 1 through 6 (of 6 total)