Support » Plugin: Gutenberg Blocks by Kadence Blocks – Page Builder Features » SVG Icons broken in Twenty Nineteen?

  • Resolved pmmueller

    (@pmmueller)


    I’m locally using Twenty Nineteen on macOS Mojave.

    When I include SVG-Icons like phone or envelope in a block they look fine in the editor, but in the frontend they get filled with a color and lose their shape.

    If in the Devtool I select the <svg> element and disable fill:currentColoreverything looks fine:

    svg {
    	transition: fill 120ms ease-in-out;
    	/* fill: currentColor; */
    }

    Adding the rule svg { fill: none; } to the Customizer – Additional CSS seems to fix icons like phone and envelope, but unfortunately other icons like a double arrow » disappear entirely.

    Any idea how this could be fixed?

    • This topic was modified 1 year, 5 months ago by pmmueller.
Viewing 2 replies - 1 through 2 (of 2 total)
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘SVG Icons broken in Twenty Nineteen?’ is closed to new replies.