> ## Documentation Index
> Fetch the complete documentation index at: https://skelementorcss.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Common Errors

> Troubleshooting common issues with Skelementor

<div className="sk-theme-hero not-prose">
  <img style={{ borderRadius: "0.5rem", width: "100%", height: "auto" }} src="https://mintcdn.com/skelementor/2_yOBMnxcHRd_L04/images/skele-light.png?fit=max&auto=format&n=2_yOBMnxcHRd_L04&q=85&s=904cff1c94d0577ac02dec84df8c2d0b" className="dark:hidden block" alt="Skelementor Troubleshooting - Common errors and solutions" width="2258" height="1204" data-path="images/skele-light.png" />

  <img style={{ borderRadius: "0.5rem", width: "100%", height: "auto" }} src="https://mintcdn.com/skelementor/2_yOBMnxcHRd_L04/images/skele-dark.png?fit=max&auto=format&n=2_yOBMnxcHRd_L04&q=85&s=c73d43ebe17821a7fcea7e49993b6ce4" className="hidden dark:block" alt="Skelementor Troubleshooting - Common errors and solutions" width="2258" height="1204" data-path="images/skele-dark.png" />
</div>

## Import Errors

### "reserved\_class\_name" Error

<Warning>**Cause:** You're using a reserved name like `container`</Warning>

**Solution:** Use a different name like `.cont`, `.wrapper`, `.site-container`

```css theme={null}
/* Instead of */
.container {
  max-width: 1200px;
}

/* Use */
.cont {
  max-width: 1200px;
}
.wrapper {
  max-width: 1200px;
}
.site-container {
  max-width: 1200px;
}
```

### "invalid\_value" Error

<Warning>**Cause:** Missing units on values that need them</Warning>

**Solution:** Add `px`, `%`, `rem`, etc. to numeric values

```css theme={null}
/* Instead of */
.text-large {
  font-size: 24;
}

/* Use */
.text-large {
  font-size: 24px;
}
```

### Duplicate Classes Error

<Warning>**Cause:** Classes with same names already exist</Warning>

**Solution:** Delete existing classes first, then re-import

<Steps>
  <Step title="Delete Existing Classes">
    Go to Elementor → Global Classes panel and delete the conflicting classes
  </Step>

  <Step title="Re-import">Re-run the Skelementor Preset or import your reduced test sample again</Step>
</Steps>

## Classes Not Working

### Classes Import But Don't Work

**Possible Causes:**

* Property values use incorrect format
* Z-index classes need position:relative
* Elementor cache needs clearing

**Solutions:**

```css theme={null}
/* Check property values */
.items-center {
  align-items: center;
} /* Correct */
.items-center {
  align-items: flex-center;
} /* Incorrect */

/* Z-index classes automatically get position:relative */
.z-10 {
  z-index: 10;
  position: relative;
}
```

### Empty Variants in Global Classes

**Cause:** Property type not supported by parser

**Solution:** Check that CSS property is in the supported list

### `_elementor_global_classes` Looks Empty

**Cause:** On Elementor **4.1**, that key may stay empty even when the import succeeded

**Solution:** Check Elementor’s Global Classes UI, `e_global_class` posts, and the kit metadata keys that track labels, order, and class-to-post mappings

## Troubleshooting Steps

### Step 1: Delete Specific Classes

Delete the specific failing classes in Elementor's Global Classes panel

### Step 2: Import in Smaller Batches

Import 20-30 classes at a time to avoid timeouts

### Step 3: Check CSS Syntax

Look for missing semicolons, units, etc.

### Step 4: Clear Elementor Cache

Go to **Elementor → Tools → Regenerate CSS**

### Step 5: Nuclear Reset

If all else fails:

<Steps>
  <Step title="Delete ALL Global Classes">
    Go to Elementor → Global Classes panel and delete everything
  </Step>

  <Step title="Delete ALL CSS Variables">
    Remove any global CSS variables if they exist
  </Step>

  <Step title="Re-import Fresh">Import your CSS fresh through Skelementor</Step>
</Steps>

## Performance Issues

### Slow Import Process

**Solutions:**

* Start with the built-in Skelementor Preset before debugging custom samples
* Import reduced samples in smaller batches when isolating failures
* Check server PHP memory limit
* Ensure stable internet connection

### Classes Not Applying

**Solutions:**

* Clear browser cache
* Clear Elementor cache
* Check for CSS conflicts
* Verify Elementor **v4** and Atomic Editor compatibility

## Related Guides

<CardGroup cols={2}>
  <Card title="FAQ" icon="question-circle" href="/getting-started/faq">
    Frequently asked questions
  </Card>

  <Card title="Support" icon="life-ring" href="/getting-started/support">
    Get help from Skelementor support
  </Card>
</CardGroup>
