Skip to main content
A seção Advanced oferece controle extra sobre posicionamento e estilo usando opções mais técnicas.
Ela é usada principalmente por quem se sente à vontade com CSS ou precisa de um controle mais preciso.

Position

Controla como o elemento é posicionado na página. Opções comuns:
  • Static (padrão) → segue o fluxo normal do layout
  • Relative → pode ser deslocado levemente da sua posição
  • Absolute → é posicionado livremente dentro do elemento pai
  • Fixed → fica sempre no mesmo lugar da tela
  • Sticky → fica preso no mesmo lugar da tela (mesmo ao rolar a página)
👉 A maioria dos usuários deve manter Static, a menos que saiba exatamente o que está fazendo

Z-Index

Controla a ordem das camadas (empilhamento) dos elementos.
  • Valor mais alto → o elemento aparece por cima
  • Valor mais baixo → o elemento fica por trás
👉 Exemplo:
  • Modal ou popup → z-index alto
  • Fundo → z-index baixo

Custom CSS

Permite escrever seu próprio CSS para estilizar o elemento. Exemplo:
👉 Você pode:
  • Sobrescrever estilos
  • Adicionar efeitos personalizados
  • Ajustar o design além das opções do editor

Quando usar

Use as configurações avançadas quando:
  • Você precisar de um posicionamento preciso
  • Quiser que elementos se sobreponham
  • Estiver adicionando estilos personalizados que não estão disponíveis na interface

Observações importantes

  • Esta seção não é necessária para a maioria dos usuários
  • CSS ou posicionamento incorretos podem quebrar o layout
  • Sempre teste as alterações antes de publicar

Boas práticas

  • Mantenha as configurações padrão se estiver em dúvida
  • Use Custom CSS apenas quando necessário
  • Mantenha o código limpo e enxuto