Les options de style texte et liste de Divi sont communes à la plupart des modules Divi. Cela ouvre de nouvelles possibilités de concevoir du contenu créatif et drsquoénumérer dans les modules, tels que les modules de commutation et les accordéons, les dessins qui nrsquoétaient auparavant disponibles que dans les modules de texte. Lrsquoastuce est drsquoutiliser les paramètres HTML appropriés pour définir le contenu afin que puissiez cibler ces éléments en utilisant les paramètres de conception intégrés. Dans ce tutoriel, je vais montrer comment utiliser les styles de texte et les options de liste de Divi pour des projets de contenu Stick et concordion uniques. Cela peut être utile chaque fois que voulez fusionner différents modèles de texte sans avoir à utiliser des classes CSS ou CSS en ligne.
On y va. Voici une brève description de la conception que nous allons créer en utilisant les styles de texte et les options de liste de Divi. Téléchargement gratuit des commutateurs et des mises en page drsquoaccordéon pour maîtriser la conception de ce tutoriel, devez drsquoabord utiliser les boutons ci dessous pour . Pour accéder au téléchargement, devez abonner à notre liste de diffusion quotidienne Divi en utilisant le tableau ci dessous. En tant que nouvel utilisateur, recevrez plus de Divi Goods et un paquet gratuit Divi Layout le lundi! êtes déjà sur la liste, il suffit de saisir votre adresse e mail ci dessous et cliquez sur . Vous ne serez pas « ré abonné » ou recevrez un courriel supplémentaire.
Télécharger le fichier
Inscrivez à Divi Newsletter et nous enverrons par courriel une copie du dernier paquet de mise en page de la page drsquoatterrissage Divi, ainsi qursquoun grand nombre drsquoautres ressources, conseils et astuces Divi gratuits. Suivez nous et serez bientôt maître Divi. êtes déjà abonné, entrez votre adresse e mail ci dessous et cliquez sur pour accéder au paquet Layout. Vous êtes inscrit avec succès. Vérifiez votre adresse e mail pour une discussion
« liste (LI), qui est une liste non triée imbriquée (UL) drsquoéléments de liste (LI) avec du contenu fictif. Sous la liste de tri se trouve un paragraphe de texte de base.
Avec cette configuration, nous pouvons utiliser les styles de texte intégrés de Divi, y compris les styles de liste, pour chaque étiquette (OL, UL, p) de différents styles. Notez que start =
Maintenant, nous pouvons commencer à ajouter des couleurs et des styles de police en utilisant les paramètres intégrés et les styles de liste. Mettre à jour les paramètres de conception du commutateur comme suit: couleur de lrsquoicône: ff3d97 taille de la police de lrsquoicône: 26px activer basculer la couleur de fond: FFFFFF désactiver basculer la couleur de fond: FFFFFF ouvrir la couleur du texte du titre: 333333333 couleur du texte du titre: 333333333 Police du titre: Oswald title text size: 18px title Line height: 3em Caractères de la liste non ordonnée: Oswald liste non ordonnée poids de la police: couleur claire liste non ordonnée couleur du texte: 3333333 taille du texte de la liste non ordonnée: 36px type de style de liste non ordonnée: aucune
Caractères de la Liste ordonnée: kameron a une table de séquence poids de la police: gras a une table de séquence couleur du texte: rgba (25561151,0,34) taille du texte de la Liste ordonnée: 100 Px a une table de séquence hauteur de la ligne: 1,1em
I et options de style de liste. Une fois que avez votre propre code HTML, pouvez concevoir différemment ces balises HTML sans utiliser CSS ou des classes personnalisées externes. Crsquoest également une bonne façon drsquoutiliser Divi Builder pour afficher des styles de liste créatifs dans nrsquoimporte quel module, car tous les modules ont les mêmes options de style de liste. Profitez du plaisir drsquoexplorer de nouveaux dessins. Jrsquoai hâte drsquoentendre vos commentaires. Bonjour!
