[Support request] How to change the fill color of three svg icons in my footer?

[Oisin]

Hi there,

I have three SVG icons in my footer using the following class .style-svg-footer. For some reason I’m having difficulty targeting them. Any help or advice much appreciated.

I’m trying to make them turn white when hovered over using:

.style-svg-footer:hover {
fill: #ffffff;
}

Kind regards,

Oisín.

[David]

Hi there,

You cannot change the color of an <img> using CSS.
You will need to replace the image with an inline SVG.
To do this you will need to edit the SVG in a text editor or open them using this site:

https://jakearchibald.github.io/svgomg/

Then copy the <svg> markup and add it in place of the <img> HTML

[Author]

Posts