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

Home Forums Support How to change the fill color of three svg icons in my footer?

  • This topic has 1 reply, 2 voices, and was last updated 2 weeks ago by David.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #1292623
    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.

    #1292849
    David
    Staff
    Customer Support

    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

Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.