PES has a specific palette of standard colors, and Ink/Stitch only gets to choose from among them. The PES format does not let us store any color in RGB format. There's no perfect fix but there is a fairly good workaround. Hi! The weird colors you're seeing are due to the nature of the PES file format. Id='path406' style='fill:#1CAAB8 fill-rule:evenodd' /> I just added the colour styles inline to the paths and removed the css styling. The only work around is to code the Illustrator svg with inline styles rather than using css by the looks. Looks like Open Source wins the day here with it's SVG generator. Therefore it must be an issue with css styles in SVG files that Elementor has an issue with, it seems the last svg in a div section overlays the colour of the other svg's in the same div.Īs you can see with this group of flip boxes, the icons generated in Illustrator are all the same colour, but the icon generated in Inkscape is the correct colours. Inkscape Generated SVG with inline styles. Illustrator generated SVG with css style in the header. It seems to be because Illustrator uses a css style in the header and other svg generators, such as Inkscape, use inline styles for the svg paths.

I can reproduce this bug consistently using the steps above.Īs rwkyyy mentions, this issue seems to appear mainly with Illustrator generated svg files.

This bug happens with a default WordPress theme active.

This bug happens with only Elementor plugin active (and Elementor Pro).

BTW, it's not quite clear what units are used for Icon size setting. I'm also missing wider size settings compared to Image Widget, for example different size units, max-width etc. My intention was to use this widget almost the same way as the Image Widget, just with the extra SVG support. It would be nice to have an option to leave the image size to it's native dimensions.

It seems, that the default icon width is set to 50px. Is this the supposed behaviour or is it some kind of bug? Could you please provide us with the instructions, how to make it work? Even when there was 2 or more colors in the SVG file, only parts with black color were 'repainted'. What are the conditions for the SVG format and content to have a possibility to change the color of the icon? I've tried several modifications of the original icon file and it seems that the only way, how to make it work was to set the icon color to black. So, just to be sure - Is this a RECOMMENDED way to deal with the SVG support now? When I've disabled the SVG Support plugin, everything seemed to work fine, even for non Elementor pages.

Today I did some testing, so I'm basically repeating my questions and adding some more: How exactly Elementor's SVG support affects already uploaded SVG files?Ĭan I (or should I) use already uploaded SVGs in Media Folder for new Elementor's iconic features? If I disable the former one, is Elementor's SVG support available outside Elementor's scope (for the whole WP)? Is there a there a possibility of conflict between these two, should I disable the non-Elementor plugin? Haven't tried it yet, but before I do so - is there a recommended way, how to deal with already installed plugins for SVG support (in my case )? I've asked this question on 2.6.0 Beta thread ( }, but it was left without the answer. The issue still exists against the latest stable version of Elementor.I have searched for similar issues in both open and closed tickets and cannot find a duplicate.

Inkscape svg change color