Comment utiliser les options de texte et de style de texte Liste Divi des éléments uniques de contenu de bâton et d’accordéon

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 d’énumérer dans les modules, tels que les modules de commutation et les accordéons, les dessins qui n’étaient auparavant disponibles que dans les modules de texte. L’astuce est d’utiliser les paramètres HTML appropriés pour définir le contenu afin que vous puissiez cibler ces éléments en utilisant les paramètres de conception intégrés. Dans ce tutoriel, je vais vous 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 vous 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 d’accordéon pour maîtriser la conception de ce tutoriel, vous devez d’abord utiliser les boutons ci – dessous pour télécharger. Pour accéder au téléchargement, vous devez vous abonner à notre liste de diffusion quotidienne Divi en utilisant le tableau ci – dessous. En tant que nouvel utilisateur, vous recevrez plus de Divi Goods et un paquet gratuit Divi Layout le lundi! Si vous êtes déjà sur la liste, il vous suffit de saisir votre adresse e – mail ci – dessous et cliquez sur télécharger. Vous ne serez pas « ré – abonné » ou vous recevrez un courriel supplémentaire.
Télécharger le fichier Inscrivez – vous à Divi Newsletter et nous vous enverrons par courriel une copie du dernier paquet de mise en page de la page d’atterrissage Divi, ainsi qu’un grand nombre d’autres ressources, conseils et astuces Divi gratuits. Suivez – nous et vous serez bientôt maître Divi. Si vous êtes déjà abonné, entrez votre adresse e – mail ci – dessous et cliquez sur télécharger pour accéder au paquet Layout. Vous 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) d’é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 l’icône: # ff3d97 taille de la police de l’icô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 vous avez votre propre code HTML, vous pouvez concevoir différemment ces balises HTML sans utiliser CSS ou des classes personnalisées externes. C’est également une bonne façon d’utiliser Divi Builder pour afficher des styles de liste créatifs dans n’importe quel module, car tous les modules ont les mêmes options de style de liste. Profitez du plaisir d’explorer de nouveaux dessins. J’ai hâte d’entendre vos commentaires. Bonjour!