Le widget Liste d’icônes crée une liste d’éléments facile à gérer, chaque élément étant mis en évidence par sa propre icône.


Onglet Contenu

Disposition

Choisissez Par défaut ou Inline . Par défaut affiche les éléments dans une liste verticale, tandis que Inline affiche les éléments horizontalement.

Articles

  1. Texte : saisissez le texte de l’élément de liste
  2. Icône : sélectionnez l’icône de l’élément
  3. Lien : saisissez l’URL du lien de l’élément. Cliquez sur le rouage Options de lien pour ajouter rel = nofollow au lien ou pour ouvrir le lien dans une nouvelle fenêtre.

Remarque: le texte et le lien des éléments de la liste d’icônes peuvent être générés dynamiquement en cliquant sur l’icône Dynamique à côté de chacun et en choisissant la source des données.

Conseil : dupliquez ou supprimez rapidement des éléments en cliquant sur l’icône Dupliquer ou Supprimer d’un élément 


Style

liste

  1. Espace entre : contrôlez l’espace entre les éléments de la liste
  2. Alignement : alignez la liste à gauche, à droite ou au centre
  3. Diviseur : activez ou désactivez les lignes de séparation des éléments

Si l’ option Diviseur est activée, les options de style suivantes deviennent disponibles:

  1. Style : choisissez entre solide, double, pointillé ou pointillé
  2. Poids : définir l’épaisseur du diviseur
  3. Largeur : contrôle la largeur du séparateur par rapport au conteneur
  4. Couleur : choisissez la couleur du séparateur

Icône

  1. Couleur : choisissez la couleur de l’icône
  2. Survol : choisissez la couleur de l’état de survol de l’icône
  3. Taille : définissez la taille exacte de l’icône
  4. Alignement : alignez l’icône à gauche, à droite ou au centre

Texte

  1. Couleur du texte : choisissez la couleur du texte
  2. Survol : choisissez la couleur de l’état de survol du texte
  3. Retrait du texte : définissez la distance entre l’icône et le texte
  4. Typographie : définissez les options de typographie pour le texte

Avancée

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


Source : https://docs.elementor.com/article/50-icon-list