Ir para conteúdo principal

Redimensionando a largura da seção

Controle a largura das seções na página escolhendo entre opções de largura total, estreita ou personalizada.

Redimensionando a largura da seção

Controle a largura das seções na página escolhendo entre opções de largura total, estreita ou personalizada.
​

A maioria das seções do site de casamento ocupa toda a largura da página. Mas às vezes você quer algo mais estreito ou mais focado. É aí que as opções de largura entram!
​

Alterando a largura da seção

  1. Vá para Site na navegação principal

  2. Passe o mouse sobre a seção que deseja redimensionar

  3. Clique na seta de aumento (direita) para ampliar a seção, ou na seta de diminuição (esquerda) para estreitá-la

  4. A largura é salva automaticamente

Opções de largura

As setas em uma seção permitem alternar entre estas larguras:
​

Largura total: A seção se estende por toda a página.
​

3/4 de largura: Um pouco mais estreita que total, com respiro nas laterais.
​

1/2 de largura: Metade da largura da página. Ótimo para seções lado a lado.
​

1/3 de largura: Uma largura confortável para leitura. Ótimo para texto.
​

1/4 de largura: Bem contida. Faz a seção parecer mais focada.
​

Quando usar diferentes larguras

Largura total funciona muito bem para:
- Seções de imagem
- Divisores
- Cores de fundo que quer de ponta a ponta
- Seções hero no topo da página
​

Média ou estreita funciona muito bem para:
- Parágrafos e blocos de texto
- Títulos
- Botões
- Formulários (como RSVP)
- Qualquer conteúdo mais fácil de ler quando não está super esticado
​

Dicas para usar largura

Texto é mais fácil de ler quando é mais estreito. Linhas muito largas de texto são difíceis para os olhos acompanharem. Se tem muito texto, use largura média ou estreita.
​

Imagens podem ser largura total. Especialmente fotos grandes e bonitas.
​

Seja consistente. Se torna uma seção de parágrafo com largura média, considere tornar todas com largura média para um visual coeso.
​

Pré-visualize em diferentes dispositivos. Configurações de largura podem parecer diferentes em celulares vs. computadores.
​

Artigos relacionados

Isto respondeu à sua pergunta?