- WordPress :5.2
- Statut : résolu
- Ce sujet contient 11 réponses, 6 participants et a été mis à jour pour la dernière fois par Joss47, le il y a 3 années et 10 mois.
-
AuteurMessages
-
23 novembre 2019 à 10 h 43 min #2286306
Bonjour,
Ma configuration WP actuelle
- Version de PHP/MySQL : WordPress
- Thème utilisé : Supermarket-pro
- Extensions en place : woocommerce
- Nom de l’hébergeur : ovh
- Adresse du site : https://loveliterie-coufouleux.fr
Problème(s) rencontré(s) :
Bonjour,
J’ai un petit soucis sur mon site avec l’extension woocommerce;
Je souhaite modifier la taille de police des titres sur mes noms de produits,
Si vous allez dans une des catégories de mon menu principal (matelas, sommiers…) et que vous clicquez dessus vous allez être sur une page avec les produits affichés. Quand je fait inspecter l’élément je vois que ces titres sont en H2 (<h2 class= »woocommerce-loop-product__title »>Matelas Australe – ressorts Simmons</h2>)
Je n’arrive pas à trouver comment les modifier et les mettres en plus petit (je pensais à h4 ou h5)
Quelqu’un pour m’aider ?
Bonne journée
23 novembre 2019 à 12 h 29 min #2286317les balises « h2 », « h3 », etc. ne définissent pas la taille d’affichage mais la position hiérarchique dans la structure de la page. pour modifier la taille, cela se fait en CSS.
là la taille est fixée dans du code « inline » à 26 px donc peut être que vous trouverez le réglages dans le thème dans « Apparence » -> « Personnaliser ».
23 novembre 2019 à 13 h 03 min #2286327Bonjour,
il suffit d’ajouter cette règle CSS : h2.woocommerce-loop-product__title {font-size: 15px !important;}
dans style.css sinon dans les css additionnelles de la perso du thème si tu n’a pas d’autre choix comme te l’a suggérer mathieu42.
26 novembre 2019 à 9 h 55 min #2286742Bonjour, désolé de répondre tardivement…
Tout fonctionne parfaitement ! Merci beaucoup pour votre aide !
Bonne journée
26 novembre 2019 à 10 h 23 min #2286750Bonjour,
et quelle a été la solution? Afin que cela puisse être utile à d’autres.
26 novembre 2019 à 11 h 55 min #2286773En ajoutant votre règle css dans le css aditionnel du thème cela a très bien fonctionné ! Merci beaucoup !
25 novembre 2020 à 13 h 53 min #2360806Bonjour,
je rencontre le même problème mais c’est pour les titres des produits une fois qu’on à cliqué dessus.
comment puis je faire?
merci pour vos réponses
Sarah
- Cette réponse a été modifiée le il y a 3 années et 10 mois par Sarah Artexture Creations.
27 novembre 2020 à 12 h 41 min #2360964Bonjour,
même méthode, il faut repérer la règle CSS et appliquer la taille que tu veux…
chez moi, pour grossir un peu le titre, ça serait :
.product_title.entry-title {
font-size: 3em;
}28 novembre 2020 à 14 h 38 min #2361036merci mais je débute et ne suis en plus pas super douée ,je ne sais même pas repérer la règle css. j’avais tenté votre code dans la première réponse que vous aviez faite mais ça à diminué les titres de mes produits en vitrine et pas les titres une fois que j’ai cliqué. (pas évident à expliquer ).
merci pour votre aide, je rame
28 novembre 2020 à 23 h 10 min #2361068Bonjour,
Vous voulez vraiment changer la taille après avoir cliqué? C’est possible mais un peu compliqué et je ne vois pas bien l’utilité: si vous cliquez, vous changez de page immédiatement et ne voyez pas longtemps l’effet. Vous ne voulez pas plutôt dire au survol de la souris? Dans ce cas, la taille diminue juste avant et au moment de cliquer. Pour essayer, copiez/collez le code ci-dessous dans les CSS additionnelles de votre thème. (Tableau de bord administration->apparence->personnaliser->CSS additionnelles et collez dans la fenêtre qui apparaît.). Vous pouvez changer la valeur 0.8em en restant en dessous de 1 pour rapetisser. Si ça ne vous plaît pas, vous vous contentez d’effacer ce que vous avez mis dans les CSS additionnelles.
#content h2.woocommerce-loop-product__title:hover{font-size: 0.8em;}
- Cette réponse a été modifiée le il y a 3 années et 10 mois par ferman.
30 novembre 2020 à 10 h 52 min #2361225bonjour
en fait quand je clique sur boutique j’ai la vitrine de tout mes produits, la taille des titres pour cette page est ok.
quand je clique sur un produit ,il y a une photo et à côté le titre ainsi que la description en dessous.
j’aimerais pouvoir rétrécir le titre produit à cet endroit là car esthétiquement ça prend beaucoup de place niveau texte. (titre dont j’aimerai également modifier la couleur mais chaque chose en son temps).
je vais essayer le code que vous avez mis.merci pour votre aide
30 novembre 2020 à 11 h 15 min #2361227Bonjour,
Merci de bien vouloir ouvrir votre propre sujet avec votre demande la prochaine fois, ce sujet étant ancien je le clôture.
-
AuteurMessages
- Le sujet ‘[Résolu] Problème pour modifier taille des « titres » sur les produits’ est fermé à de nouvelles réponses.