Why Are Icons Misaligned or Off-Center?
Fix misaligned icons and off-center SVG images after importing a UiChemy export into Elementor.
Icons Misaligned
Reason: When you import a template in Elementor, some icons may show alignment issues, this happens because of the line height set at the body level of your theme.
Solution: Set the line height to 1 on the body in your theme. In the Nexter theme, go to Appearance → Customize → Typography → General → Body and set Line Height to 1.
This resolves most icon alignment issues.
SVG Image Off Center
Reason: When you export a Figma layout with SVG images or icons using UiChemy, the SVG can sometimes appear off-center once imported into Elementor. This usually happens if you rotated the SVG in Figma, rotation shifts its bounding box slightly off-center in the exported template.
Solution: Flatten the SVG after rotating it in Figma, to reset its bounding box. Select the SVG, right-click, and choose Flatten (or press Ctrl + E).
Once flattened, the SVG stays in position when you export the template.