Remarque : même si nos guides les plus populaires ont été traduits en français, certains guides sont uniquement disponibles en anglais.

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.

Avant de commencer

  • Bien que tous les sites Squarespace vous donnent un certain contrôle sur la marge intérieure, il est possible que d’autres zones ne soient pas modifiables. Dans la version 7.0, chaque template possède ses propres options de style.
  • 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 première chose à vérifier lorsque vous avez un espace vide indésirable est la présence d’un bloc en trop. Les blocs Espaceur, les blocs Code et les blocs Texte vierges peuvent apparaître comme des zones vides lorsque l’éditeur de page n’est pas ouvert. Des sauts de ligne supplémentaires dans les blocs Texte peuvent également créer des espaces vides.

To check for and delete unwanted blocks:

  1. Dans le menu principal, cliquez sur Pages, puis sur la page contenant l’espace vide que vous souhaitez supprimer.
  2. Survolez la page et cliquez sur Modifier pour ouvrir l’éditeur de page. Pour des éléments de collection spécifiques, tels que des articles de blog ou des événements, cliquez sur l’élément, survolez-le, puis cliquez sur Modifier.
  3. Dans la zone d’aperçu, survolez l’espace vide. Si l’espace vide provient d’un bloc en trop, une annotation avec une icône corbeille apparaîtra au-dessus du bloc.
  4. Cliquez sur l’icône corbeille, puis sur Oui.
  5. Enregistrez vos modifications.

Vous pouvez utiliser ce processus pour toutes les zones de contenu modifiables de votre site qui prennent en charge les blocs, comme les pages, les articles de blog et les pieds de page.

For more help, visit Deleting a block.

Here's how this looks in version 7.0:

Step 2 - Check padding options

Chaque site Squarespace possède sa propre disposition et ses propres options de marge intérieure et de style intégrées. Pour vérifier si vous pouvez ajuster la marge intérieure d’un élément de votre site, accédez à la page contenant l’espace vide, puis parcourez vos options de style. La procédure dépendra de la version Squarespace de votre site.

Pour définir l’espacement sur votre site, accédez au menu principal, cliquez sur Design, puis sur Espacement.

Pour ajuster la marge intérieure de l’en-tête, cliquez sur Modifier sur une page, puis sur Modifier l’en-tête du site.

Pour ajuster la marge d’une section spécifique d’une page, cliquez sur Modifier sur une page, puis sur l’icône crayon d’une section.

Pour en savoir plus sur la personnalisation du style de votre site, consultez l’article Effectuer des changements de style.

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.
  • La personnalisation de la marge intérieure s’applique souvent à toutes les pages du template, et en particulier dans des zones comme le pied de page. Consultez les autres pages de votre site pour voir comment les modifications ont été appliquées.
  • Certaines marges intérieures sont intégrées et ne peuvent pas être supprimées ou modifiées.
Cet article vous a-t-il été utile ?
Utilisateurs qui ont trouvé cela utile : 42 sur 430