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:

  • Les blocs supplémentaires sur la page, tels que des blocs Espaceur.
  • 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.
  • La marge intérieure autour des blocs, comme le bloc Texte ou le bloc Image, ne peut pas être ajustée.
  • 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. Pendant que vous modifiez une page, ouvrez le panneau Styles du site, puis cliquez sur Espacement.
  2. Utilisez l’ajustement Marge du site pour définir l’espace entre votre contenu et le bord de votre site. 

Pour modifier les marges intérieures d’un 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 l’écran vers le bas et utilisez les ajustements des marges intérieures et de l’espacement pour définir l’espace dans l’en-tête. 

Pour modifier 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.

Dans le menu principal, cliquez sur Design, puis sur Styles du site.

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. Si cela ne vous aide pas, faites défiler les styles du site et recherchez des ajustements avec les mots clés « padding (marge intérieure) », « margin (marge) », « full bleed (pleine page) » ou tout autre élément similaire. Les ajustements qui affectent la disposition du site peuvent également avoir un impact sur la marge intérieure.

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 : 48 sur 547