Pour appliquer un autre style de soulignement dans Divi
Le style de soulignement du texte est toujours assez limité. La façon la plus courante de mettre en évidence le texte sur le Web est d’utiliser l’attribut css text Decoration: underscore. Divi vous permet même de distribuer et de modéliser ce type de soulignement dans les paramètres du module Divi Builder. Mais cette approche standard de soulignement a des limites dans les styles de navigateur croisés et le support. Bien entendu, dans la plupart des cas, il ne devrait pas être trop compliqué de souligner le texte. Par exemple, mettre en évidence tous les liens sur un site pour montrer qu’il est cliquable est une application standard et n’exige pas nécessairement d’autres méthodes. Cependant, cet article est utile si vous voulez mettre le soulignement au niveau suivant.
Dans ce tutoriel, je vais vous montrer comment appliquer certains styles de soulignement de texte optionnels au texte dans Divi. Je vais vous montrer comment utiliser les options intégrées Divi pour mettre l’accent sur le texte. Je vais également vous montrer comment utiliser le bord inférieur comme alternative au texte souligné. L’utilisation du bord inférieur permet non seulement de mieux contrôler le style, mais elle est également prise en charge sur tous les navigateurs. On y va. Mettre l’accent sur le texte avec la décoration de texte (méthode courante) la façon la plus courante et la plus directe de mettre l’accent sur le texte est d’utiliser les attributs CSS de la décoration de texte. En fait, Divi vous permet de modéliser facilement le texte en utilisant cette méthode dans les options intégrées du module. Il suffit de trouver les options de style de police de texte et de sélectionner l’icône u pour distribuer la décoration de texte soulignée. Après avoir sélectionné un style de caractère de soulignement, vous pouvez également sélectionner une couleur et un style de soulignement personnalisés.
Changez la couleur du soulignement.
Ce manque de soutien ne se limite pas à Divi. Personnaliser CSS n’aide pas non plus. Utilisez la bordure inférieure pour souligner le texte si vous cherchez une autre solution pour souligner le style du texte, je pense que la meilleure option est d’utiliser la bordure inférieure. Voici quelques bonnes raisons de le faire: la bordure supporte huit styles de bordure différents pour façonner le soulignement, y compris: point, point, solide, double, fente, crête, insertion et début. Quelle que soit la taille de la police, vous pouvez personnaliser la largeur (épaisseur) de la bordure. Vous pouvez positionner les bords plus près ou plus loin du texte. Vous pouvez ajouter n’importe quelle couleur aux bords que vous voulez. Tous les navigateurs supportent les styles de dalles. Les restrictions à l’utilisation d’un soulignement inférieur sont limitées à une seule ligne de texte sur un élément de bloc. Mais il y a plusieurs façons de contourner cela (voir ci – dessous). Entièrement sous la ligne de descente, il est difficile de trouver la bonne position (mais possible). Comprendre les différences entre les éléments de bloc et les éléments en ligne pour comprendre comment les soulignements de bordure fonctionnent, il faut comprendre les différences entre les éléments de bloc et les éléments en ligne.
Élément de bloc un élément de bloc s’étend automatiquement sur toute la largeur de son conteneur (à moins qu’une largeur personnalisée ne soit définie) et commence par une nouvelle ligne. Les sites Web, y compris ceux créés avec Divi, sont remplis de blocs. Voici quelques exemples d’éléments de bloc communs: diviser une section, une ligne, un corps de module (DIV) ou une liste d’en – têtes de paragraphe (p) (H1, H2, H3, H4, H5, h6) (OL, UL) Lorsque vous ajoutez une bordure inférieure à un élément de bloc, la bordure se trouve sous le bloc entier. Par conséquent, si votre paragraphe de texte (p) ou titre (H1) est divisé en deux lignes ou plus, la bordure inf
Tes paroles. Puis mettre à jour ce qui suit: couleur de fond de la rampe gauche: # 2b87da couleur de fond de la rampe droite: # 29c4a9 type de rampe: direction de la rampe linéaire: 90 degrés couleur: # FFFFFF séparateur poids: 2px hauteur: 2px largeur: 400 Px (doit être ajusté en fonction de la largeur du texte ci – dessus) Remplissage personnalisé: 5px haut, 5px bas J’espère que ce tutoriel vous offre une alternative utile pour ajouter des styles de soulignement au texte dans Divi. La solution la plus simple à ce jour est souvent d’utiliser text Decoration: underscore, mais ses limites peuvent être un obstacle. La méthode de soulignement vous permet de mieux contrôler le style et l’emplacement des lignes. Et personnaliser CSS n’est pas un problème et peut être facilement modifié en fonction de vos besoins. Cela devrait donc être utile si vous voulez passer au niveau suivant du texte souligné. Comme d’habitude, j’ai hâte d’entendre vos commentaires. Bonjour!