Problem with custom SVG style

  • Resolved Astrix

    (@astrix)


    7 years ago

    Hello, thank you for your great plugin !

    For now, I can only use icons that are proposed with the plugin, not custom SVG icons.

    Why ? Because after adding an SVG icon, it doesn’t pick up the style it is attached too.

    For example, when adding an icon from Font Awesome in my menu (black background, white font), the icon is displayed as a white icon. And on my mobile menu (white background, black font), it is automatically displayed as a black icon (it picks up the mobile menu font style automatically).

    BUT, when using a custom SVG icon, if I upload a white SVG icon, it is displayed as white on my normal menu, but also white on my mobile menu (which has a white backgroud), so you can’t see it !

    Same goes for the hover style, when hovering a menu item with a custom SVG icon added next to it, the text react with its hover property, but the SVG icon doesn’t, it remains white…

    I tried exporting the svg icon with paths only and not fill, but then, it doesn’t show at all in any menu.

    Do you know what is wrong with custom SVG icons ? Why don’t they automatically pick up the css style correctly, like Font Awesome or Elusive or Foundation icons do ?

Viewing 1 replies (of 1 total)
Viewing 1 replies (of 1 total)
  • The topic ‘Problem with custom SVG style’ is closed to new replies.