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.

Vérifier les options de marge intérieure

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 contrôler l'espacement à l'échelle du site :

  1. Dans le Menu principal, cliquez surDesign, puis sur Espacement.
  2. Utilisez l'ajustement Marge du site pour ajuster l'espacement entre votre contenu et le bord de votre site. 

Pour ajuster la marge intérieure de l'en-tête :

  1. Cliquez sur Modifier sur la page, survolez lʼen-tête et cliquez sur Modifier lʼen-tête du site.
  2. Cliquez sur l'icône Bureau
  3. Cliquez sur Pleine ou Insertion pour définir la largeur du contenu de l'en-tête. 
  4. Faites défiler vers le bas et utilisez les ajustements des marges intérieures pour régler l'espacement dans l'en-tête. 

Pour ajuster les marges intérieures d'une section de page :

  1. Cliquez sur Modifier sur la page, puis sur l'icône en forme de crayon dans la section souhaitée.
  2. Dans l'onglet Format, utilisez les options Hauteur de section et Largeur du contenu pour ajuster l'espacement dans la section.
  3. Dans l'onglet Arrière-plan, cliquez sur Pleine page ou Insertion pour définir la largeur du contenu de la 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.

Vérifier les blocs supplémentaires

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:

Cet article vous a-t-il été utile ?
Utilisateurs qui ont trouvé cela utile : 44 sur 447