Archived topic
How to change the fill color of three svg icons in my footer?
1 reply · Started by Oisin on May 19, 2020
Viewing posts 1–2 of 2
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.
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
This archived topic is closed to new replies.
