WordPress : CSS – Correction du chevauchement H3 sur mobile, tablette

Publié par Jean-Michel le

Je développe un site avec le thème Avada WordPress. La <h3>classe title-heading-centerse chevauche de la taille du mobile à la taille de la tablette :

entrez la description de l'image ici

entrez la description de l'image ici

J’ai essayé d’ajouter plusieurs styles à cette classe comme vous pouvez le voir sur les captures d’écran :

word-break: break-all;
word-wrap: break-word;
display: block;
overflow: hidden;
word-break: break-word;
line-height: 33px;

Le seul qui semble aider est word-break: break-word, qui centre le contenu sur mobile.

Lire également:  Le css personnalisé Wordpress ne se charge pas sur iOS

Quel(s) autre(s) style(s) CSS puis-je appliquer pour créer un espacement entre les mots du <h3>titre ?

Solution n°1 trouvée

Essayez de le changer en line-height: 33px !importantplutôt que simplement line-height: 33px. Bien qu’il ne soit pas recommandé de le garder ainsi, cela vaut la peine d’essayer pour voir si c’est là que se situe le problème. Remarquez dans votre capture d’écran dans les outils de développement que cette propriété est actuellement barrée et est donc ignorée.

Lire également:  Wordpress : Utilisation de check_admin_referer avec les options de thème et options.php

Vous pouvez également essayer de modifier la hauteur de son conteneur div avec class fusion-title. Il peut y avoir un conteneur div quelque part là-dedans qui empêche les mots d’être corrects line-height.

Catégories : Wordpress

Jean-Michel

Jean-Michel est en charge de la partie blog du site. Il met en place la stratégie de contenu et répond aux questions fréquentes sur Wordpress.

0 commentaire

Laisser un commentaire

Avatar placeholder

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *