# Como corrigir CSS do Elementor que não aplica no frontend

O CSS do Elementor que não aplica no frontend deixa a página pública sem estilo (crua) enquanto o editor mostra o layout correto. A causa quase sempre e o arquivo de CSS do Elementor corrompido ou não regenerado, o cache servindo uma versão antiga, ou o modo de impressao de CSS configurado de forma incompativel com o servidor.

## O que é o CSS do Elementor que não aplica no frontend?

O Elementor salva o estilo de cada página num arquivo CSS dentro de wp-content/uploads/elementor/css. No frontend, ele carrega esse arquivo para aplicar cores, espacamentos e fontes. Quando o CSS não aplica, esse arquivo não foi gerado, esta corrompido ou não esta sendo carregado: a página aparece sem estilo. No editor o layout parece certo porque ele monta o CSS na hora, em memória.

## Como identificar

- A página abre sem estilo no site, como texto puro, mas aparece formatada dentro do editor.
- Após atualizar o Elementor ou o tema, as páginas perderam cores, espacamentos e alinhamento.
- O console do navegador mostra 404 ao tentar carregar um arquivo em uploads/elementor/css.
- Limpar o cache corrige por instantes, mas a página volta a abrir sem CSS pouco depois.

**Antes de começar:** Antes de regenerar CSS em sites grandes, faca em horario de baixo tráfego e com backup: enquanto os arquivos são recriados, páginas ainda não processadas podem aparecer brevemente sem estilo para os visitantes.

## Como prevenir

- Mantenha a pasta wp-content/uploads/elementor sempre com permissão de escrita (755)
- Regenere CSS e dados do Elementor logo após cada atualização do plugin ou do tema
- Exclua o Elementor da minificacao e combinacao de CSS do plugin de cache desde a configuração

Erros relacionados

- [Como corrigir Elementor com tela cinza ou carregando infinito](https://full.services/wp-fixer/corrigir-elementor-tela-cinza/)
- [Como corrigir Elementor com widgets que não aparecem](https://full.services/wp-fixer/corrigir-elementor-widgets-nao-aparecem/)
- [Como corrigir erro 500 ao editar com Elementor](https://full.services/wp-fixer/corrigir-erro-500-elementor/)

## Causa

- Arquivo de CSS do Elementor em uploads/elementor/css corrompido ou não regenerado após atualização.
- Pasta wp-content/uploads/elementor sem permissão de escrita (755), impedindo o Elementor de gravar o CSS.
- Plugin de cache ou CDN servindo uma versão antiga do CSS sem as ultimas alterações da página.
- Modo de impressao de CSS configurado como Arquivo externo num servidor que não serve a pasta uploads corretamente.
- Minificacao ou combinacao de CSS pelo plugin de cache corrompendo o arquivo gerado pelo Elementor.

## Como resolver

1. Regenere CSS e dados: em Elementor > Ferramentas > Regenerar arquivos e dados, para recriar todos os arquivos de CSS. E a correção nº 1 quando o frontend abre sem estilo.
2. Confira a permissão da pasta: via FTP, garanta 755 em wp-content/uploads/elementor. Sem permissão de escrita, o Elementor não grava o CSS e a página fica crua.
3. Limpe todos os caches: limpe o cache do plugin de cache e do CDN para descartar a versão antiga do CSS e servir o arquivo recem-regenerado.
4. Troque o modo de impressao de CSS: em Elementor > Configurações > Avancado, mude o Método de impressao de CSS de Arquivo externo para Tag interna, útil quando o servidor não serve a pasta uploads.
5. Exclua o Elementor da minificacao de CSS: no plugin de cache, retire o Elementor da minificacao e combinacao de CSS para não corromper o arquivo gerado.

## Código

```bash
# Via SSH ou terminal da hospedagem, no diretorio do WordPress:
# 1) Limpa os CSS antigos do Elementor (serao regenerados pelo plugin)
rm -rf wp-content/uploads/elementor/css/*

# 2) Garante a permissao de escrita correta na pasta de assets do Elementor
chmod -R 755 wp-content/uploads/elementor

# Depois clique em Elementor > Ferramentas > Regenerar arquivos e dados
```

## Perguntas frequentes

### Por que o editor mostra o estilo certo e o site não?

Porque o editor monta o CSS em memória na hora, enquanto o frontend carrega o arquivo salvo em uploads/elementor/css. Se esse arquivo esta corrompido, ausente ou em cache antigo, a página pública abre sem estilo mesmo com o editor correto.

### Regenerar CSS e dados apaga conteúdo?

Não. A regeneracao so reescreve os arquivos de CSS do Elementor; o conteúdo das páginas permanece intacto no banco de dados. E a primeira correção a tentar quando o frontend perde o estilo após uma atualização do plugin ou do tema.

### Limpei o cache e o CSS voltou, mas sumiu de novo. Por que?

Isso indica que o arquivo de CSS não esta sendo gravado de forma persistente, geralmente por falta de permissão de escrita na pasta uploads/elementor. Ajuste a permissão para 755 e regenere o CSS para a correção durar.

### O que e o modo de impressao de CSS e quando muda-lo?

E como o Elementor entrega o CSS: Arquivo externo (padrão) ou Tag interna no HTML. Se o servidor não serve corretamente a pasta uploads, o arquivo externo falha. Mudar para Tag interna em Configurações > Avancado contorna o problema.

### A minificacao de CSS pode quebrar o Elementor?

Pode. A minificacao e a combinacao de CSS pelo plugin de cache as vezes corrompem o arquivo gerado pelo Elementor, deixando a página sem estilo. Exclua o Elementor dessas otimizacoes e regenere o CSS para confirmar a correção.

### Preciso de FTP para corrigir o CSS do Elementor?

Nem sempre. Regenerar arquivos e dados e limpar o cache resolvem a maioria dos casos pelo painel. O FTP so e necessário para ajustar a permissão da pasta uploads/elementor (755) quando o Elementor não consegue gravar o CSS.

**Fonte:** [Elementor — Regenerate CSS & Data](https://elementor.com/help/regenerate-css/)