[Résolu] Problème pour modifier taille des « titres » sur les produits (Créer un compte)

  • WordPress :5.2
  • Statut : résolu
12 sujets de 1 à 12 (sur un total de 12)
  • Auteur
    Messages
  • #2286306
    webintarn81
    Participant
    Initié WordPress
    16 contributions

    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

    #2286317
    mathieu42
    Participant
    Maître WordPress
    2016 contributions

    les 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 ».

    #2286327
    jissey
    Participant
    Initié WordPress
    10 contributions

    Bonjour,

    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.

    #2286742
    webintarn81
    Participant
    Initié WordPress
    16 contributions

    Bonjour, désolé de répondre tardivement…

    Tout fonctionne parfaitement ! Merci beaucoup pour votre aide !

    Bonne journée

    #2286750
    jissey
    Participant
    Initié WordPress
    10 contributions

    Bonjour,

    et quelle a été la solution? Afin que cela puisse être utile à d’autres.

    #2286773
    webintarn81
    Participant
    Initié WordPress
    16 contributions

    En ajoutant votre règle css dans le css aditionnel du thème cela a très bien fonctionné ! Merci beaucoup !

    #2360806
    Sarah Artexture Creations
    Participant
    Initié WordPress
    3 contributions

    Bonjour,

    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

    #2360964
    jissey
    Participant
    Initié WordPress
    10 contributions

    Bonjour,

    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;
    }

    #2361036
    Sarah Artexture Creations
    Participant
    Initié WordPress
    3 contributions

    merci 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

    #2361068
    ferman
    Modérateur
    Maître WordPress
    7129 contributions

    Bonjour,

    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.
    #2361225
    Sarah Artexture Creations
    Participant
    Initié WordPress
    3 contributions

    bonjour

    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

    #2361227
    Joss47
    Modérateur
    Maître WordPress
    5279 contributions

    Bonjour,

    Merci de bien vouloir ouvrir votre propre sujet avec votre demande la prochaine fois, ce sujet étant ancien je le clôture.

12 sujets de 1 à 12 (sur un total de 12)
  • Le sujet ‘[Résolu] Problème pour modifier taille des « titres » sur les produits’ est fermé à de nouvelles réponses.