Excluindo o espaço em branco

Altere as configurações de preenchimento em seu site para se livrar do espaço em branco extra.

Ultima atualização 27 de Setembro de 2024

As áreas vazias, também conhecidas como “espaço vazio” ou “espaço negativo”, podem ser essenciais ao design visual, pois criam um layout tranquilo e aberto.

Se houver uma área vazia no site que você deseja ajustar ou retirar, ela provavelmente é causada pelo espaçamento. No layout, ele é o espaço criado na separação de diferentes elementos do site, como margens de página, navegação, cabeçalhos e rodapés.

Se você usa nosso editor clássico, ele também pode ser causado por blocos extras na página, como blocos de espaçamento.

Este guia explica como solucionar problemas nos espaços vazios.

Antes de começar

  • Todos os sites do Squarespace dão a você um certo controle sobre o espaçamento, mas algumas áreas podem não ser ajustáveis. Na versão 7.0, cada template tem as próprias opções de estilo.
  • No editor clássico, não é possível ajustar o espaçamento em torno de blocos como bloco de texto ou bloco de imagem.
  • A quantidade de espaço vazio que aparece varia de acordo com o tamanho do aparelho, o tamanho do browser e a resolução. Para ajuda com a resolução, procure o suporte do fabricante do seu aparelho. Atenção: devido ao design responsivo do Squarespace, a aparência ainda variará para os visitantes.
  • Se a quantidade de conteúdo da sua página for menor que a janela do navegador, poderá aparecer um espaço em branco entre o conteúdo da página e o rodapé. Não é possível evitar isso totalmente, pois isso garante que seu site preencha qualquer tamanho de navegador, mas você pode adicionar mais conteúdo à sua página para evitá-lo na maioria das janelas do navegador.
  • Se você está com problemas para espaçar seu site e não pode fazer ajustes no estilo, o Squarespace Forum pode ajudar. Não oferecemos suporte para modificações avançadas que envolvam códigos.

Verificar opções de espaçamento

Cada site do Squarespace tem seu próprio layout e opções de espaçamento e estilo incorporadas. Para verificar se você pode ajustar o espaçamento de um elemento no site, navegue até a página com o espaço em branco e, em seguida, explore as opções de estilo. A forma como você fará isso dependerá da versão do Squarespace em que o site se encontra.

Para controlar o espaçamento em todo o site:

  1. Abra o painel "Espaçamento"
  2. Use o ajuste Margem do site para definir o espaço entre o conteúdo e a borda do site. 

Para alterar o espaçamento do cabeçalho:

  1. Clique em Editar em uma página, passe o mouse sobre o cabeçalho e clique em Editar cabeçalho do site.
  2. Clique no ícone desktop
  3. Clique em Completo ou Inserido para definir a largura do conteúdo do cabeçalho. 
  4. Role para baixo e use os ajustes de preenchimento e espaçamento para definir a quantidade de espaço no cabeçalho. 

Para alterar o espaçamento de seção de página individual:

  1. Clique em Editar em uma página e, em seguida, clique no ícone de lápis em uma seção.
  2. Na aba Formato, use os ajustes para alterar a altura, a largura e o espaçamento da seção. As opções disponíveis variam dependendo do tipo de seção.
  3. Na guia Plano de fundo, clique em Sangria total ou Inserção para definir a largura do conteúdo da seção. 

Para encontrar mais ajuda sobre o estilo do site, acesse Fazer alterações de estilo.

Abra o painel "Estilos do site".

Em muitos templates, para editar diretamente as áreas de espaçamento, clique e arraste as áreas na prévia do site:

cilck-and-drag-padding.gif

Você também pode procurar ajustes que afetem o espaço vazio:

  1. Passe o cursor sobre o espaço vazio. Talvez apareça uma caixa de realce do estilo em azul ao redor da área espaçada. Clique na página para ver somente os ajustes de estilo desse elemento e ocultar o resto. Esse atalho está disponível na maioria dos templates e na maioria das áreas do site.
  2. Se isso não ajudar, percorra os estilos do site e procure ajustes com as palavras-chave “preenchimento”, “margem”, “sangria total” ou qualquer coisa semelhante. Ajustes que afetam o layout do site também podem afetar o espaçamento.
KB Guide Image

Em qualquer versão:

  • A maioria dos ajustes do espaçamento conta com um controle deslizante. Para eliminar completamente o espaçamento, deixe em 0 px. Você também pode digitar 0 px e pressionar Enter.
  • Confira como o espaçamento fica na versão móvel, pois as alterações dele podem afetar os layouts móveis de forma diferente.
  • O estilo de espaçamento normalmente se aplica a todas as páginas do template, especialmente em áreas como o rodapé. Verifique outras páginas do site para ver como isso se aplica.
  • Alguns espaçamentos são incorporados e não podem ser removidos ou alterados.

Verifique se há blocos extras

Se houver algum espaço vazio indesejado no editor clássico, veja se há blocos extras. Blocos de espaçamento, blocos de código e blocos de texto vazios podem aparecer como áreas vazias quando o editor da página não está aberto. As quebras de linha extras nos blocos de texto também podem criar esses espaços em branco.

Para achar e apagar blocos indesejados:

  1. Abra o painel "Páginas" e clique na página com o espaço vazio a ser excluído.
  2. Passe o mouse sobre a página e clique em Editar para abrir o editor de páginas. Para itens de coleçãoindividuais, como publicações de blog ou eventos, clique no item, passe o mouse sobre ele e clique em Editar.
  3. Na área da prévia, passe o cursor sobre o espaço vazio. Se o espaço vazio for de um bloco extra, aparecerá uma anotação com o tipo do bloco. Clique no bloco; aparecerá um ícone de lixeira sobre ele.
  4. Clique no ícone da lixeira e, em seguida, clique em Sim .
  5. Salve suas alterações.

Você pode usar esse processo para quaisquer áreas de conteúdo editáveis no site que suportem blocos, como páginas, publicações de blog e rodapés.

Para mais ajuda, consulte "Apagando um bloco".

Veja como fica na versão 7.0:

KB Guide Image
Footer Image
  • Peça ajuda à nossa comunidade

  • Peça ajuda à nossa comunidade sobre personalizações avançadas.

  • Contrate um Squarespace Expert

  • Ganhe destaque on-line com a ajuda de um designer ou desenvolvedor experiente.