Question
Saving SVG creates new group around text
I'm currently using Illustrator 28.4.1.
When I first started working on my SVG files, the Generator code was:
<!-- Generator: Adobe Illustrator 28.3.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
The CSS included in the file was using this format:
.st2{fill:none;stroke:#000000;stroke-miterlimit:10;}
.st3{fill:none;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
Now when I save my files, the style is being saved as:
.cls-1, .cls-2, .cls-3, .cls-4 {
stroke-width: 0px;
}
.cls-1, .cls-5, .cls-6 {
fill: #000;
}
My issue is that when I save my files, all of my text elements becomed magically wrapped inside of individual new groups. I started with all of my text inside a single group to keep them organized, but now each text has a group with "isolation: isolate;" css added to it. AND, each time I save the file, the groups are wrapped inside another group. My text group looks like this:
<g id="gText">
<g id="t1170" class="cls-13">
<g class="cls-13">
<g class="cls-13">
<g class="cls-13">
<g class="cls-13">
<g class="cls-13">
<g class="cls-13">
<text class="cls-5" transform="translate(290.98 309.849)"><tspan x="0" y="0">1170</tspan></text>
</g>
</g>
</g>
</g>
</g>
</g>
</g>
<g id="t1169" class="cls-13">
<g class="cls-13">
<g class="cls-13">
<g class="cls-13">
<g class="cls-13">
<g class="cls-13">
<g class="cls-13">
<text class="cls-5" transform="translate(290.579 339.832)"><tspan x="0" y="0">1169</tspan></text>
</g>
</g>
</g>
</g>
</g>
</g>
</g>
This is how my text group looked when the SVG files were saving with the .st class names:
<g id="gText">
<text id="t1170" transform="matrix(1 0 0 1 431.2 509.2966)" class="st13 st14">1170</text>
<text id="t1169" transform="matrix(1 0 0 1 430.7999 539.2798)" class="st13 st14">1169</text>
How can I get my SVGs to go back to using the .st class names and not creating the groups?
AdChoices