Aumente a variedade e o contraste das suas páginas com opções de estilo específicas a cada seção. 

Por padrão, as seções de página seguem os estilos gerais do site, mas você pode ajustar seções individuais para mudar o design, o plano de fundo, as cores ou outras configurações específicas à seção.

Seções de página e estilos de seção estão disponíveis na versão 7.1.

Altere o estilo da seção

Para ajustar o estilo de seções de página individuais:

1. Abra o painel de páginas e clique em Editar na página.
2. Passe o cursor sobre a seção e clique em Editar seção. As opções variam de acordo com o tipo de seção.
3. Para ajustar opções específicas a uma seção, clique em Design. Essa aba pode ter um nome diferente, como Formato ou Galeria. Dependendo do tipo de seção, é possível criar um link de âncora nessa aba.
4. Para adicionar uma imagem de fundo, vídeo ou arte, clique em Plano de fundo. O conteúdo de fundo pode aparecer sem margens ou inserido a partir das bordas da seção.
5. Para escolher um esquema de cores, clique em Cores. Qualquer alteração feita em um tema de cores afetará todas as seções do seu site que usam esse tema.

Personalize a grade e o espaçamento do Editor Intuitivo

Depois de abrir os estilos de seção em uma seção do Editor Intuitivo, você poderá modificar essas configurações na aba Design:

• Alterar a altura da grade: use a Contagem de linhas para definir o número de linhas na grade da seção. Essa é a única opção de estilo de seção em que você pode ter configurações diferentes nos layouts para computador e para aparelho móvel. O número mínimo de linhas, porém, também depende de quantos blocos você adicionou e de como eles estão organizados. Você também pode alterar a altura diretamente na página clicando e arrastando o ícone de seta azul no canto inferior direito da seção.
• Controlar o espaçamento dos blocos: use Lacuna para definir o tamanho de espaçamento que aparece entre os blocos na grade. Você pode não deixar lacuna, deixar uma lacuna predefinida ou clicar em ... para personalizar lacunas verticais e horizontais.
• Adicionar e personalizar o preenchimento da seção: habilite Preencher tela para ter mais controle sobre a altura e o alinhamento do seu conteúdo. Se você não quiser deixar espaçamento em volta do conteúdo da seção, deixe a opção desabilitada. As opções a seguir só aparecem se Preencher tela estiver habilitada:
  • Adicionar espaçamento à seção fora da grade da seção: em Altura, escolha entre altura pequena, média ou grande, ou clique em ... para personalizar a altura.
  • Definir onde o espaçamento de altura adicional aparece: em Alinhamento, alinhe o conteúdo à parte superior para adicionar espaçamento abaixo do conteúdo. Para adicionar espaçamento acima e abaixo do conteúdo, alinhe o conteúdo no centro. Para adicionar espaçamento acima do conteúdo, alinhe o conteúdo embaixo.

Personalize a altura e o espaçamento do editor clássico

Depois de abrir os estilos de seção em uma seção do editor clássico, você poderá modificar essas configurações na aba Design:

• Alterar a altura da seção: use Altura da seção para mudar a altura que a seção aparece na página. Seções com mais conteúdo podem ser exibidas em uma altura mais alta do que sua configuração. Isso também afeta o tamanho do espaçamento acima e abaixo do conteúdo da seção.
• Alterar a largura do conteúdo: use Largura do conteúdo para definir quanto da largura da seção seu conteúdo abrange.
• Alterar como o conteúdo da seção se alinha com as margens da seção: use Alinhamento de conteúdo para definir como o conteúdo se alinha com as margens da seção.

Adicione um divisor de seções

É possível adicionar um divisor exclusivo na parte inferior de seções de blocos, layouts automáticos e seções de galeria. Depois de criar o primeiro divisor de seção do seu site, as configurações dele se aplicarão aos divisores criados posteriormente. Se você quiser que os divisores de seção sejam diferentes, personalize cada um manualmente ao criá-los.

Para adicionar um divisor de seção:

1. Abra o painel de páginas e clique em Editar na página.
2. Passe o cursor sobre a seção e clique em Editar seção.
3. Em Design, ative o botão Divisor.
4. Use as configurações que aparecem para personalizar o divisor.

Personalize um divisor de seção

Depois de ativar o botão Divisor, use estas opções para definir o estilo do divisor:

• Forma: clique no ícone de misturar para randomizar os ajustes ou clique no ícone de configurações para selecionar uma forma e alterar os ajustes manualmente.
• Traçado: selecione uma margem de linha sólida, tracejada ou sem margem para o divisor.
• Cor: na paleta geral do site, selecione uma cor para a linha da margem.
• Espessura: defina a espessura da margem usando as opções de margem pequena, média ou grande. Clique em ... para alterar manualmente a espessura do divisor.

Seções sem divisores

Se a página incluir uma seção que não tem divisores de seção, como um blog ou loja, você poderá replicar a aparência de um divisor de seção usando seção de bloco vazia.

Lembre-se de que esse divisor não interagirá com a seção acima da mesma forma que os divisores de seção integrados. Por exemplo, se a seção tiver uma imagem de fundo, o divisor aparecerá abaixo da imagem em vez de contorná-la.

Para adicionar um divisor de seção abaixo das seções de coleção:

1. Abra o painel de páginas e clique em Editar na página com a seção que não tem um divisor.
2. Clique em Adicionar seção abaixo dessa seção.
3. Clique em + Adicionar em branco, depois em Seção.
4. Passe o cursor sobre a nova seção e clique em Editar seção.
5. Deixe a altura como pequena e ative o botão Divisor.
6. Ajuste o estilo do divisor como quiser. Não adicione nenhum bloco à seção.

O que posso alterar com os estilos de seções?

O que você pode alterar com os estilos de seção depende do tipo de seção.

Seções de blocos e layouts automáticos

Em seções de blocos (tanto no Editor Intuitivo quanto no editor clássico) e layouts automáticos, é possível personalizar o plano de fundo e as cores, além de opções de design específicas à seção. Saiba mais sobre estilos específicos a uma seção:

• Editor Intuitivo
• Editor clássico
• Layouts automáticos

Seções de coleção e galeria

Em seções de coleção, como as de blog e loja, e seções de galeria, você pode personalizar as cores e as opções de design específicas à seção. Saiba mais sobre estilos específicos a uma seção:

• Seções do curso
• Seções do blog
• Seções de calendários
• Seção de galeria:
• Seção de portfólio
• Armazene uma seção
• Seções de vídeos