Le widget Divider vous permet d’ajouter des lignes horizontales stylisées qui divisent votre contenu. 

Vous pouvez choisir la ligne standard avec des effets joliment stylés ou choisir parmi une variété de plus de 25 diviseurs SVG pour un style de conception amélioré.

De plus, vous pouvez inclure du texte ou des icônes avant, après ou au milieu de votre séparateur.

Contenu

  1. Style : choisissez entre de nombreux styles classiques et à motifs, tels que des motifs unis, bouclés, ondulés, tribaux, des flèches, des plus et plus encore.
  2. Largeur : contrôlez la largeur du séparateur en pourcentage de 0 à 100%.
  3. Alignement : alignez le séparateur à gauche, au centre ou à droite de la page.
  4. Ajouter un élément : sélectionnez Aucun , Texte ou Icône . Sélectionner du texte ou une icône vous permet de saisir le texte à inclure ou de sélectionner ou de télécharger une icône à partir de la bibliothèque d’icônes.

Style

Diviseur

  1. Couleur : choisissez la couleur du séparateur
  2. Taille : définissez la taille / hauteur du séparateur, de 1 à 100, en pixels ou en pourcentage
  3. Quantité : définissez le nombre d’éléments à motifs à afficher
  4. Espace : faites glisser pour définir l’écart au-dessus et en dessous du séparateur, de 1 à 50

Texte

  1. Couleur : choisissez la couleur du texte
  2. Typographie : définissez les options de typographie pour le texte
  3. Position : choisissez la position du texte par rapport au séparateur, en sélectionnant à gauche , au centre ou à droite
  4. Espacement : faites glisser pour ajouter un espace entre le texte et la ligne de séparation, de 1 à 50

Icône

Il existe 3 VUES différentes pour le widget: par défaut , empilées et encadrées . Chacun est livré avec son propre ensemble d’options.

AFFICHER: Par défaut
  1. Taille : définissez la taille de l’icône
  2. Couleur primaire : choisissez la couleur de l’icône
  3. Position : choisissez la position de l’icône par rapport au séparateur, en sélectionnant à gauche , au centre ou à droite
  4. Espacement : faites glisser pour ajouter un espace entre l’icône et la ligne de séparation, de 1 à 50
  5. Rotation : faites glisser pour sélectionner le nombre de degrés de rotation de l’icône, de 0 à 360
VUE: empilé
  1. Taille : définissez la taille de l’icône
  2. Rembourrage : définissez le remplissage autour de l’icône
  3. Couleur primaire : définir la couleur de l’arrière-plan de la pile
  4. Couleur secondaire : définir la couleur de l’icône
  5. Position : choisissez la position de l’icône par rapport au séparateur, en sélectionnant à gauche , au centre ou à droite
  6. Espacement : faites glisser pour ajouter un espace entre l’icône et la ligne de séparation, de 1 à 50
  7. Rotation : faites glisser pour sélectionner le nombre de degrés de rotation de l’icône, de 0 à 360
  8. Rayon de la bordure : définissez le rayon de la bordure de l’arrière-plan de la pile pour que les coins arrondis soient des piles complètement rondes
VUE: encadrée
  1. Taille : définissez la taille de l’icône
  2. Rembourrage : définissez le remplissage autour de l’icône
  3. Couleur primaire : définissez la couleur de la bordure du cadre
  4. Couleur secondaire : définir la couleur de l’icône
  5. Position : choisissez la position de l’icône par rapport au séparateur, en sélectionnant à gauche , au centre ou à droite
  6. Espacement : faites glisser pour ajouter un espace entre l’icône et la ligne de séparation, de 1 à 50
  7. Rotation : faites glisser pour sélectionner le nombre de degrés de rotation de l’icône, de 0 à 360
  8. Largeur de la bordure : contrôler l’épaisseur de la bordure du cadre
  9. Rayon de la bordure : définissez le rayon de la bordure de la bordure du cadre pour que les coins arrondis soient des cadres complètement ronds

Avancée

Définissez les options avancées applicables à ce widget

Source : https://docs.elementor.com/article/113-divider