Home Forums WoodMart – Premium Template https://woodmart.xtemos.com/blog/woodmart_element/info-boxes-with-hover/

This topic contains 6 replies, has 2 voices, and was last updated by Elise Noromit Elise Noromit 1 month, 1 week ago.

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #327766
    Fredcasas
    Fredcasas
    Customer

    Hi team,
    Hope you are well.
    I wanted to use “woodmart_element/info-boxes-with-hover/” but I have a problem.
    I need to change the background and icons colors (same for the both). In you example, icon changes its color on hover (it become white).
    I use SVG icons, like you.
    How can I do to have a green icon and white on hover.
    You can see it on 3 pictures joined.
    Thanks.
    Fred

    Attachments:
    You must be logged in to view attached files.
    #327882

    Hello,

    The color change on the hover is provided by the styles of the SVG image. Please provide the page URL and site credentials so that we could check the SVG image.

    Please insert the page URL and site credentials into the Private block below the message area.

    Best Regards

    #327884
    Fredcasas
    Fredcasas
    Customer

    Hi Elise,
    Thanks for the answer.
    Please find in the private part the info.
    Fred

    Private Content Hidden
    #327885
    Fredcasas
    Fredcasas
    Customer

    by the way, I buy my svg icon on flaticon.com with a premium account

    #328053

    Hello,

    Please add this code to the Theme Settings > Custom CSS > Global:

    .wd-info-box.color-scheme-hover-light:hover .info-box-icon svg path {
    	fill: inherit;
    	transition: fill .25s ease;
    }

    If you have any questions please feel free to contact us.

    Best Regards

    #328194
    Fredcasas
    Fredcasas
    Customer

    Hi Elise,
    That works !
    Thanks a lot.
    take care.
    Fred

    #328255

    You are welcome! We are here to help.

    Wish you a wonderful day!

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

The topic ‘https://woodmart.xtemos.com/blog/woodmart_element/info-boxes-with-hover/’ is closed to new replies.