Ir para conteúdo principal

Mude os Estilos das Secções do Seu Website

Ajuste o layout, cores, mídia de fundo, texto, espaçamento e muito mais para cada seção usando o editor de estilo.

Mark De Paola avatar
Escrito por Mark De Paola
Atualizado hoje

Os estilos de secção dão-lhe controlo total sobre a aparência de cada secção no seu site.Quer esteja a desenhar uma página de destino limpa ou um bloco promocional arrojado, pode ajustar todos os detalhes — desde cores e layout até animações e bordas — tudo dentro do editor de secções.

Para alterar o estilo de uma secção:

  1. Abra o seu site no Editor.

  2. Passe o cursor sobre a secção que deseja editar.

  3. Clique no ícone de edição no canto superior direito da seção.

  4. No painel que se abre à direita, clique na aba Estilo (ícone do balde de tinta) no topo.

  5. Utilize as opções disponíveis para ajustar o layout e o estilo visual.Todas as alterações aplicam-se instantaneamente.

Dica útil:

Clique no ícone de captura para mover o editor de secções entre os lados esquerdo e direito do seu ecrã.

Cores

  • Selecione entre as cores do tema da página – Aplique uma das combinações de cores predefinidas do seu site.

  • Use fundos sólidos ou degradados – Escolha entre uma cor plana ou um preenchimento degradado.

  • Substituir por cores personalizadas – Defina manualmente as cores de fundo e de destaque para a secção.

Imagem ou Vídeo de Fundo

  • Clique em Adicionar Mídia para abrir o seletor de mídia.

  • Escolha da biblioteca de mídia da Durable ou carregue uma imagem (JPG, JPEG, PNG até 32MB). O carregamento de vídeos não é suportado.

  • Clique Deixe a IA escolher por si para gerar uma imagem automaticamente.

  • Após selecionar a mídia, aparecem controles adicionais:

    • Regenerar – Substituir a imagem gerada por IA.

    • Alterar – Selecione novos meios manualmente.

  • Refinar a aparência com:

    • Posição – Ajustar a colocação horizontal e vertical da imagem.

    • Sobreposição – Controle quão visível a imagem ou vídeo é.

    • Desfoque – Adicione um efeito de desfoque suave.

Opções de Texto

  • Tamanho do cabeçalho – Escolha entre Pequeno, Médio, Grande ou Extra Grande.

  • Tamanho do subtexto – Escolha entre Pequeno, Médio ou Grande.

  • Ajuste de texto – Alinhe o conteúdo à esquerda, ao centro ou à direita usando os ícones de alinhamento.

Layout e Estilização Avançada

  • Cantos arredondados – Escolha Pequeno, Médio, Grande, Nenhum, ou combine com o tema da página do seu site.

  • Animações – Controle como os elementos aparecem quando a seção carrega:

    • As opções incluem: Nenhuma, Fade In, Zoom In, Zoom Out, Slide Up, Slide Left, Slide Right, ou corresponder ao tema da página.

  • Espaçamento – Controlar o espaço em torno da secção:

    • Espaçamento superior – Nenhum, Pequeno, Médio ou Grande

    • Espaçamento inferior – Nenhum, Pequeno, Médio ou Grande

  • Altura mínima – Define a altura mínima da seção:

    • Conteúdo – Ajusta a altura ao conteúdo interior.

    • Ecrã – Preenche o ecrã do visitante com a secção.

      • Se Screen estiver selecionado, escolha o alinhamento vertical: Top, Middle ou Bottom.

Divisores e Bordas

  • Divisor – Adiciona um divisor visual entre esta secção e a próxima. Quando ativado, clique no exemplo para escolher um estilo.

  • Border – Adicione uma borda que corresponda à direção do divisor:

    • Selecione cor, espessura e tipo (Sólido ou Tracejado).

Quando terminar de personalizar a sua secção, clique em Concluído no canto superior direito do painel para guardar as suas alterações.

Se precisar de ajuda para desenhar secções de destaque ou precisar de sugestões sobre as melhores práticas, a nossa equipa está sempre disponível para ajudar.Entre em contacto!

Isto respondeu à sua pergunta?