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 the plugin 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 Atomic Elements enabled.

​
Import Questions

Hundreds. The plugin 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. The plugin only helps import them - it doesn’t add any frontend overhead.
No. The plugin uses Elementor’s built-in Global Classes system, so there’s no performance impact.

​
Compatibility Questions

Elementor v4.0.0 or higher with Atomic Elements feature enabled. This includes Elementor beta versions 3.32.4+.
Make sure Atomic Elements is enabled in your Elementor settings.
WordPress 5.8 or higher is required for optimal compatibility. 5.8+
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="flex items-center justify-between p-6 bg-white rounded-lg border 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 v4 with Atomic Elements is 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 support team