Liste avec icône (plus)

L’ajout de Liste avec Icône permet personnaliser vos listes afin qu’elles réflétes le type de liste ou votre domaine.

Une fois l’élément “Liste avec Icône” glissé en place, vous pouvez commencer à personnaliser l’élément. La fenêtre de paramètres s’ouvre automatiquement.

Liste d’item 1

• Éditer votre item ( vous pouvez en ajouter autant que vous le désirez)

Une nouvelle boîte de configuration ouvre

• Titre : Écrivez votre texte ici

Image/Icône

Image/Icône

• Type d’image : Aucun/e, Icône, Photo

Voici les configurations pour Icônes

Les bases des Icônes

• Icône : Choisissez une icône
• Taille : Écrire en pixel la dimension 

Style

• Style d’arrière-plan d l’icône : Simple, Arrière-plan en cercle, Arrière-plan en carré, Créez le votre

Voici les options lorsque vous choisissez Simple

Couleurs

• Couleur d’icône : Choisissez la couleur
• Couleur de survol d’icône : Choisissez la couleur

Si vous choisissez avec arrière-plan, voici les options que vous aurez à configurer

• Couleur d’icône par défaut : Préréglage 1, Préréglage 2
• Couleur d’icône : Choisissez la couleur
• Couleur de survol d’icône : Choisissez la couleur
• Couleur d’arrière-plan : Choisissez la couleur
• Opacité : Écrivez le chiffre en pourcentage
• Couleur pour survol de l’arrière-plan : Choisissez la couleur
• Opacité : Écrivez le chiffre en pourcentage
• Dégradé : Oui, Non

Typographie

• Tag : Choisissez de H1 à H6, div, p, span
• Police : Choisissez votre police
• Taille de la police : choisissez la taille de la police en pixel
• Interligne : Choisissez l’espace entre les lignes
• Couleur : Choisissez la couleur
• Transforme : Défaut, Lettres majuscules, Lettres minuscules, Première Lettre de chaque mot en majuscule
• Espace entre les lettres : Choisissez l’espace entre les lettres

Structure

• Structure d’icônes : Horizontal, Vertical
• Alignement : Centre, Gauche, Droit(e)
• Espace entre deux éléments de liste : Écrivez un chiffre en pixel
• Espace entre l’icône et le texte : Écrivez un chiffre en pixel

Mobile

• Espace entre deux éléments de liste : Écrivez un chiffre en pixel

Avancé

• Marges extérieuresDu haut, du bas, de gauche, de droite, les quatre côtés sont configurables indépendamment l’un de l’autre.  L’ajustement des marges extérieures permet de créer des espaces entre les différentes rangées et de modifier la largeur d’affichage indépendamment des configurations du thème.
• Présentation adaptative
  La présentation adaptative permet de contrôler l’affichage d’une rangée selon le type d’appareil à partir duquel on accède au site.
• Animation
  Style : Choisissez le type d’animation. Essayez-les et sélectionnez celle qui vous convient.
  Délai : Choisissez en seconde, le délai avant que l’animation ne débute.
• Sélecteur CSS
  Permets d’associer la rangée à un code CSS spécifique. Configurer l’ID ou la Classe selon votre besoin.

N’oubliez surtout pas de sauvegarder vos changements.