Nota: Sebbene le nostre guide più popolari siano state tradotte in italiano, alcune guide sono disponibili solo in inglese.

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.

Prima di iniziare

  • Sebbene tutti i siti Squarespace ti concedano un certo controllo sul padding, altre aree potrebbero non essere regolabili. Nella versione 7.0, ogni modello ha le proprie opzioni di stile.
  • 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

La prima cosa da controllare quando noti uno spazio vuoto indesiderato è la presenza di un bloccosupplementare. Blocchi distanziatori, Blocchi codice e Blocchi di testo vuoti possono apparire come aree vuote quando l'editor di pagina non è aperto. Anche le interruzioni di riga supplementari nei Blocchi di testo possono creare spazi vuoti.

To check for and delete unwanted blocks:

  1. Nel Menu Home, clicca su Pagine, quindi clicca sulla pagina contenente lo spazio vuoto che desideri rimuovere.
  2. Passa il mouse sulla pagina e clicca su Modifica per aprire l'editor di pagina. Per singoli elementi della raccolta, ad esempio post del blog o eventi, clicca sull'elemento, passa il mouse su di esso e clicca su Modifica.
  3. Nell'area di anteprima, passa il mouse sullo spazio vuoto. Se lo spazio vuoto è dovuto a un blocco supplementare, sul blocco apparirà un'annotazione con l'icona del cestino.
  4. Clicca sull'icona del cestino, quindi clicca su .
  5. Salve le modifiche.

Puoi utilizzare questo procedura per tutte le aree di contenuti modificabili del sito che supportano blocchi, ad esempio pagine, post del blog e piè di pagina.

For more help, visit Deleting a block.

Here's how this looks in version 7.0:

Step 2 - Check padding options

Ogni sito Squarespace ha il proprio layout e le proprie opzioni di stile e padding integrate. Per verificare se è possibile regolare il padding di un elemento del sito, passa alla pagina in cui è presente lo spazio vuoto, quindi esplora le opzioni di stile. Le modalità dipendono dalla versione di Squarespace in cui si trova il tuo sito.

Per controllare la spaziatura a livello di sito, vai al Menu Home, clicca su Design, quindi su Spaziatura.

Per regolare il padding dell'intestazione, clicca su Modifica in una pagina, quindi clicca su Modifica intestazione sito.

Per regolare il padding di una singola pagina, clicca su Modifica in una pagina, quindi clicca sull'icona a forma di matita in una sezione.

Per maggiori informazioni su come definire lo stile del tuo sito, visita Apportare modifiche di stile.

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.
  • Lo stile del padding spesso si applica a tutte le pagine del modello, specialmente in aree come il piè di pagina. Controlla le altre pagine del sito per vedere come è stato applicato.
  • Può essere presente un padding integrato che non è possibile rimuovere o modificare.
Questo articolo ti è stato utile?
Utenti che ritengono sia utile: 42 su 430