Éléments - En-tête

Dans le panneau Page Builder, développez Elements et faites glisser un espace réservé Heading vers une ligne, une colonne ou un ensemble d’onglets sur la scène.

{width="600" modal="regular"}

Dans l’éditeur, saisissez le texte d’en-tête au-dessus de l’espace réservé Edit Heading Text.

Par défaut, le texte d’en-tête se voit attribuer un type d’en-tête de niveau 2 (H2).

{width="500" modal="regular"}

Dans la barre d’outils, choisissez le type d’en-tête approprié entre H1 et H6.

Modifiez l’alignement, si nécessaire.

Pointez sur le conteneur d’en-tête pour afficher la boîte à outils et choisissez l’icône Paramètres ( {width="20"} ).

{width="500" modal="regular"}

Mettez à jour le contenu de l’en-tête (Heading Type et Heading Text) si nécessaire.

Vous pouvez également mettre à jour ce contenu dans l’éditeur d’en-têtes.

Mettez à jour les paramètres Advanced ​selon vos besoins.

• Pour contrôler le positionnement de l’en-tête dans le conteneur parent, choisissez une Alignment :

  table 0-row-2 1-row-2 2-row-2 3-row-2 4-row-2 layout-auto
  Option	Description
  Default	Applique le paramètre d’alignement par défaut spécifié dans la feuille de style du thème actif.
  Left	Aligne la liste le long de la bordure gauche du conteneur parent, en tenant compte de la marge intérieure spécifiée.
  Center	Aligne la liste au centre du conteneur parent, en tenant compte de la marge intérieure spécifiée.
  Right	Aligne le bloc le long de la bordure droite du conteneur parent, en tenant compte de la marge intérieure spécifiée.

• Définissez le style de Border appliqué aux quatre côtés du conteneur d’en-tête :

  table 0-row-2 1-row-2 2-row-2 3-row-2 4-row-2 5-row-2 6-row-2 7-row-2 8-row-2 9-row-2 10-row-2 layout-auto
  Option	Description
  Default	Applique le style de bordure par défaut spécifié par la feuille de style associée.
  None	Ne fournit aucune indication visible des bordures du conteneur.
  Dotted	La bordure du conteneur s’affiche sous la forme d’une ligne pointillée.
  Dashed	La bordure du conteneur s’affiche sous la forme d’une ligne en tirets.
  Solid	La bordure du conteneur s’affiche sous la forme d’une ligne continue.
  Double	La bordure du conteneur s’affiche sous la forme d’une ligne double.
  Groove	La bordure du conteneur s’affiche sous la forme d’une ligne rainurée.
  Ridge	La bordure du conteneur s’affiche sous la forme d’une ligne crantée.
  Inset	La bordure du conteneur s’affiche sous la forme d’une ligne insérée.
  Outset	La bordure du conteneur s’affiche sous la forme d’une ligne de départ.

• Si vous définissez un style de bordure autre que None, renseignez les options d’affichage des bordures :

  table 0-row-2 1-row-2 2-row-2 3-row-2 layout-auto
  Option	Description
  Border Color	Spécifiez la couleur en choisissant une nuance, en cliquant sur le sélecteur de couleurs ou en saisissant un nom de couleur valide ou une valeur hexadécimale équivalente.
  Border Width	Saisissez le nombre de pixels pour la largeur de la ligne de bordure.
  Border Radius	Saisissez le nombre de pixels pour définir la taille du rayon utilisé pour arrondir chaque coin de la bordure.

• (Facultatif) Spécifiez les noms des CSS classes de la feuille de style actuelle à appliquer au conteneur.

  Séparez plusieurs noms de classe par un espace.

• Saisissez les valeurs, en pixels, du Margins and Padding pour déterminer les marges extérieures et la marge intérieure du conteneur d’en-tête.

  Saisissez les valeurs correspondantes dans le diagramme.

  table 0-row-2 1-row-2 2-row-2 layout-auto
  Zone conteneur	Description
  Margins	Quantité d’espace vide appliqué au bord extérieur de tous les côtés du conteneur. Options : Top / Right / Bottom / Left
  Padding	Quantité d’espace vide appliqué au bord intérieur de tous les côtés du conteneur. Options : Top / Right / Bottom / Left

Une fois l’opération terminée, cliquez sur Save pour appliquer les paramètres et revenir à l’espace de travail Page Builder.

Pointez sur le conteneur d’en-tête pour afficher la boîte à outils et choisissez l’icône Dupliquer ( {width="20"} ).

Le duplicata apparaît juste en dessous de l’original.

{width="500" modal="regular"}

Pointez sur le nouveau conteneur d’en-tête pour afficher la boîte à outils et choisissez l’icône Déplacer ( {width="20"} ).

{width="500" modal="regular"}

Sélectionnez et faites glisser le titre jusqu'à ce que la ligne directrice rouge marque la nouvelle position.

Les bordures supérieure et inférieure de chaque conteneur apparaissent sous forme de lignes en tirets lorsque le titre est déplacé.

{width="500" modal="regular"}

Si vous souhaitez modifier le niveau de titre, cliquez sur le texte du titre et choisissez le nouveau niveau dans la barre d'outils de l'éditeur.

{width="500" modal="regular"}