Ferramentas e hospedagem · GUIA PRÁTICO

Como configurar padding e gaps globais no Elementor

Defina espaçamentos consistentes entre contêineres e seus elementos.

Liste os intervalos recorrentes e escolha valores que possam ser mantidos em toda a interface.

Antes de começar

No Editor do Elementor, clique no logotipo do Elementor na barra superior, escolha Configurações do site (Site Settings) > Layout. Ali ficam os padrões de largura do conteúdo, Container Padding (espaço entre a borda do contêiner e os itens) e Gaps (espaço entre os itens). Use o ícone de corrente para desvincular os eixos horizontal e vertical ou os quatro lados do padding, quando a interface oferecer esse controle.

Passo a passo

  1. Registre os valores atuais antes de mexer. Ajuste padding e gap globais em passos pequenos: por exemplo, se o padrão fictício for 16 px e os cartões ficarem muito apertados, teste 20 px num rascunho; não trate esse valor como regra universal.

  2. Salve em Save Changes e confira uma página com cartões em linha e outra com conteúdo empilhado. O padrão serve a novos elementos e mudanças podem afetar o layout global; corrija exceções no contêiner específico, sem criar margens negativas para compensar todo o site.

  3. Em prévia desktop/tablet/celular, confira espaçamentos, texto longo, foco e ausência de rolagem horizontal. Se o resultado piorar, restaure os valores anotados.

Limites e cuidados

Alterar padrões globais pode afetar páginas existentes; registre o valor anterior e revise antes de salvar.

Próxima leitura

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

Fonte oficial: configurações globais de layout — Elementor. Largura padrão, padding e gaps são padrões de projeto: compare com o tema e os componentes já publicados antes de salvar.

Continue por aqui