Ferramentas e hospedagem · GUIA PRÁTICO

Como definir estilos globais de tema no Elementor

Configure padrões de elementos sem deixar estilos conflitantes entre tema e construtor.

Registre quais regras devem vir do tema e quais ficam sob controle do Elementor.

Antes de começar

No editor, clique no logotipo do Elementor na barra superior e escolha Configurações do site (Site Settings). Abra o estilo desejado, como Typography, Buttons, Images ou Form Fields, e defina padrões para os elementos atendidos. As opções globais podem substituir estilos do tema.

Passo a passo

  1. Para fazer os estilos globais alcançarem a maioria dos widgets Elementor, no WP Admin vá a Elementor > Editor > Settings e marque Disable Default Fonts e/ou Disable Default Colors conforme a decisão de design. Sem isso, Theme Style afeta por padrão principalmente elementos que não foram criados pelo Elementor, como campos de checkout WooCommerce e widgets de terceiros.

  2. Exemplo: defina tipografia base e estilo de botão no kit do site; teste um botão Elementor, um formulário de terceiro e um elemento do tema. Registre os valores anteriores, pois desligar padrões pode mudar páginas já publicadas.

  3. Em Configurações do site, clique Publicar para aplicar o kit. Revise desktop/celular, contraste, foco, formulários e elementos do tema. Se um componente de terceiro mudar indevidamente, reative os padrões pertinentes ou personalize aquele componente.

Limites e cuidados

Desativar padrões pode alterar elementos existentes; revise a página e reverta se estilos de terceiros forem afetados.

Próxima leitura

Explore o núcleo de ferramentas e hospedagem para ver orientações relacionadas.

Fonte oficial: definir estilos de tema globais — Elementor. Nem todo elemento recebe os estilos globais; a documentação cita exceções e recomenda validar os componentes existentes antes de publicar.

Continue por aqui