https://woodmart.xtemos.com/blog/woodmart_element/info-boxes-with-hover/

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.

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

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

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

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

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

You are welcome! We are here to help.

Wish you a wonderful day!

[Author]

Posts