Skip to main content

​
General Questions

No. Re-importing the same classes will cause errors. Each class can only be imported once. If you need to update a class:
  1. Delete it from Elementor’s Global Classes panel
  2. Re-import the updated CSS
All Elementor settings modified by Skelementor are automatically restored to their original values. Your imported global classes remain in Elementor.
Works with both Elementor Free and Pro, as long as you have v4.0.0+ with the Atomic Editor enabled (on by default for new Elementor installs).

​
Import Questions

Hundreds. Skelementor automatically manages limits during import. You can import large utility frameworks without issues.
Yes! This is actually recommended for large CSS files. Import 20-30 classes at a time, test them, then import more.
Try these solutions:
  • Import in smaller batches
  • Check for CSS syntax errors (missing units, semicolons)
  • Ensure you’re not re-importing existing classes
  • See our troubleshooting guide

​
Performance Questions

No. Global classes are native Elementor features. Skelementor only helps import them, and it doesn’t add frontend overhead.
No. Skelementor uses Elementor’s built-in Global Classes system, so there’s no performance impact.

​
Compatibility Questions

Elementor 4.0.0 or higher. The Atomic Editor (Atomic Elements, Classes, Variables) is stable in 4.x and ships with the normal Elementor plugin. New Elementor installations enable Atomic features by default. If you upgraded from an older setup or turned Atomic off, enable Atomic Editor under Elementor → Editor → Settings in WordPress admin.
See Elementor’s version 4.0 overview for how Atomic fits new vs existing sites.
WordPress 6.9 or higher is required. 6.9+
PHP 7.4 or higher is required. PHP 8.0+ is recommended for better performance. 7.4+

​
Usage Questions

Yes, on atomic elements. You can use utility classes on:
  • Headings (h1-h6)
  • Paragraphs
  • Div Blocks
  • Buttons
  • Links
  • Images
  • Containers
1

Select Element

Select an atomic element in the Elementor editor.
2

Open Advanced Tab

Go to the Advanced tab in the element settings.
3

Add Classes

Add classes to the CSS Classes field.
4

See Results

See instant results in the editor preview.
Yes! You can combine multiple classes for complex designs:
<div class="elementor-element flex items-center justify-between p-6 bg-white rounded-lg border-1 border-solid border-gray-light">
<h1 class="text-2xl font-bold text-gray-dark">
Title
</h1>
<button class="btn btn-blue">
Action
</button>
</div>

​
Customization Questions

Yes. To modify an existing class:
  1. Delete it from Elementor’s Global Classes panel
  2. Create your modified version
  3. Re-import through Skelementor
Yes! You can create and import your own utility classes following our CSS writing guidelines.
Most common CSS properties are supported including:
  • Typography (font-size, font-weight, etc.)
  • Spacing (margin, padding, gap)
  • Layout (display, flexbox, positioning)
  • Colors (color, background-color, border-color)
  • Borders (width, style, radius)
  • Sizing (width, height, max-width)

​
Troubleshooting Questions

Check these:
  • Ensure Elementor 4.0+ with Atomic Editor enabled
  • Verify classes were imported successfully
  • Clear Elementor cache: Elementor → Tools → Regenerate CSS
  • Check that you’re using atomic elements
Try these solutions:
  • Import in smaller batches (20-30 classes)
  • Check CSS syntax for errors
  • Ensure you’re not re-importing existing classes
  • Use the nuclear reset method (delete all classes, re-import)
This usually means:
  • Classes were imported successfully but may have empty variants
  • Check Elementor’s Global Classes panel
  • Some properties may not be fully supported

Common Errors

Troubleshooting specific errors

Support

Get help from the Skelementor support team