As páginas são compostas por seções totalmente editáveis que serão organizadas verticalmente. Usando a facilidade de adicionar seções e arrastar e soltar trechos de código, você pode facilmente dar qualquer aparência à sua página.
Depois de adicionar uma seção a uma página, você pode personalizar facilmente a seção para a exibição de desktop e móvel.
Neste artigo:
Gerenciar a seção
- Passe o mouse sobre a seção que você deseja gerenciar.
- Isso permitirá que o barra de ferramentas de edição (1) no canto superior direito da seção.
- Clique no Editar seção (2) opção para abrir a caixa de configurações da seção.
No pop-up de configurações da seção, você terá cinco guias para gerenciar largura, altura, posição do conteúdo e várias outras opções de personalização.
Guia Seção
Na guia Seção, você pode gerenciar:
- Largura do fundo: Escolha a largura da seção.
- Altura: Defina a altura da seção. Use o Auto opção para que a altura da seção dependa do conteúdo da seção.
- Espaçamento da área de trabalho: Especifique o espaçamento interno (padding) para a seção. Você pode gerenciar o espaçamento de todos os lados da seção.
- Espaçamento – Móvel: Gerencie o espaçamento superior e inferior da seção para dispositivos móveis. Quando habilitado, a altura da seção será automaticamente definida como Auto em dispositivos móveis.
Guia de Conteúdo
Clique na guia Conteúdo (1) para visualizar as configurações de conteúdo:
- Largura do conteúdo: defina a largura do conteúdo dentro da seção.
- Alinhamento de conteúdo: Defina o conteúdo como alinhado à Esquerda, Direita ou Centralizado.
- Posição do bloco de conteúdo: Posicione o conteúdo dentro da seção.
Opções de seção
Clique na aba Opções para visualizar as configurações de conteúdo:
- Gerenciar o Visibilidade da seção sobre desktops e dispositivos móveis. Você também pode ocultar completamente uma seção. Saiba Mais.
- Ativar/desativar o Ícone de rolagem para seção. Isso rola a tela para a próxima seção presente na página.
- Permitir Efeito Parallax para animar a imagem de fundo. Quando o efeito de paralaxe está ativado, o conteúdo rola sobre o plano de fundo da seção, ou seja, o plano de fundo permanece estático.
A opção Efeito Paralaxe só aparecerá quando uma imagem de fundo for carregada na seção. Saiba mais.
Raio de canto
Personalize o visual da sua seção usando a opção Raio do Canto para criar designs atraentes e exclusivos. De bordas arredondadas sutis a curvas dramáticas, as possibilidades são infinitas!
- Personalizar raio do canto da seção para Área de trabalho e guia . Você pode definir valores independentemente (em px) para os cantos superior, direito, inferior e esquerdo da seção.
- Especifique os valores do raio do canto da seção para Mobile dispositivos.
- Especifique o ID da seção para a seção. Você não pode usar espaços aqui.
Isso é útil enquanto você cria links âncora em seu site (mais útil no caso de sites de página única). Saiba mais.
Aba Borda
As bordas referem-se aos limites visuais que separam as diferentes seções de uma página. Essas bordas podem ser personalizadas para aprimorar o design e o layout do site.
Você pode ativar as bordas das seções na guia Bordas . Clique aqui para saber mais sobre como personalizar as bordas das seções.
Guia Separador
Tem a opção de incorporar separadores, que servem para unir secções distintas ou adicionar elementos decorativos entre elas, realçando o apelo visual e a coesão geral do design.
Você pode ativar separadores nas seções na guia Separador . Saiba mais sobre como usar separadores.
