Obs.: embora os nossos guias mais acessados tenham sido traduzidos para o português, outros guias estão disponíveis apenas em inglês.

Removing blank space

Blank areas, also known as “white space” or “negative space,” can be a key component of visual design, creating a calm and open layout.

If you have a blank area on your site that you want to adjust or remove, it is probably caused by one of two things:

  • Extra blocks on the page, such as Spacer Blocks.
  • Padding, which is the space built into a layout around different site elements, like page margins, navigation, headers, and footers.

This guide explains how to troubleshoot issues with blank spaces.

Antes de começar

  • Embora todos os sites do Squarespace ofereçam algum controle sobre o espaçamento, outras áreas podem não ser ajustáveis. Na versão 7.0, cada modelo tem suas próprias opções de estilo.
  • The padding around blocks, such as the Text Block or Image Block, can’t be adjusted.
  • If you’re having trouble with padding on your site that can’t be adjusted with style changes, the Squarespace Forum may be able to help. Please note that we don't provide support for advanced modifications involving code.

Step 1 - Check for extra blocks

A primeira coisa a verificar quando você tem espaço em branco indesejado é se há um blocoextra. Blocos de Espaçador, Blocos de Código e Blocos de Texto vazios podem aparecer como áreas em branco quando o editor de página não estiver aberto. Quebras de linha extras em Blocos de Texto também podem criar espaços em branco.

To check for and delete unwanted blocks:

  1. No Menu Inicial, clique em Páginase, em seguida, clique na página que contém o espaço em branco que pretende remover.
  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 de visualização, passe o mouse sobre o espaço em branco. Se o espaço em branco for de um bloco extra, uma anotação com um ícone de lixeira aparecerá sobre o bloco.
  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.

For more help, visit Deleting a block.

Here's how this looks in version 7.0:

Step 2 - Check padding options

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, vá para o Menu Inicial, clique em Design e, em seguida, clique em Espaçamento.

Para ajustar o espaçamento do cabeçalho, clique em Editar em uma página e, em seguida, clique em Editar cabeçalho do site .

Para ajustar o espaçamento de seção de página individual, clique em Editar em uma página e clique no ícone do lápis em uma seção.

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

Go to the Home Menu, click Design, and then click Site Styles.

In many templates, you can directly edit padding areas by clicking and dragging in the site preview:

cilck-and-drag-padding.gif

You can also look for tweaks that affect your blank space:

  1. Hover over the blank space. A blue style highlighter box may appear around the padded area. Click the page to display only the style tweaks for that element and hide the rest. This shortcut is available in most templates and for most areas on your site.
  2. If that doesn’t help, scroll through Site Styles and look for tweaks with the keywords “padding,” “margin,” “full bleed,” or anything similar. Tweaks that affect the layout of the site may also impact padding.

In either version:

  • Most padding tweaks have a slider. Move the slider to 0px to eliminate padding altogether. You can also type 0px in manually and press Enter.
  • Check how your padding looks on mobile as padding changes may affect mobile layouts differently.
  • O estilo de espaçamento normalmente se aplica a todas as páginas do modelo, 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.
Este artigo foi útil?
Utilizadores que acharam útil: 43 de 433