Comment recentrer le titre de l’image sur la page boutique ?

  • WordPress :4.7
  • Statut : non résolu
4 sujets de 1 à 4 (sur un total de 4)
  • Auteur
    Messages
  • #1640205
    zizanie
    Participant
    Chevalier WordPress
    272 contributions

    Bonjour,

    Ma configuration WP actuelle

    • Version de PHP/MySQL : 7.1
    • Thème utilisé : Storefront
    • Extensions en place : woocommerce (pour l’instant)
    • Nom de l’hébergeur : 1&1
    • Adresse du site : jemagasineonline.mbartoli.fr

    Problème(s) rencontré(s) :

    J’ai, pour l’instant,  une catégorie sur ma page boutique, il y en aura deux après. J’ai réussi à centrer l’image mais impossible de recentrer le texte sous cette dernière.

    Le text-align center ne fonctionne pas.

     

    Voici mon code pour centrer l’image :

    ul.products li.product.product-category img {
    width: 324px;
    height: 255px;
    margin-left: auto;

    margin-right: auto;

     

    Peut-être que j’ai mal défini le div avec le debuggeur

     

     

    Merci de m’aider

    #1640459
    zizanie
    Participant
    Chevalier WordPress
    272 contributions

    Personne ?

    #1640660
    Broussaille
    Participant
    Chevalier WordPress
    169 contributions

    Bonsoir,

    bon je viens d’aller voir sur le site, deux catégories sont mises en place et effectivement les titres sont décalés (bonbons et numismatie).

    En fait en “centrant” l’image tu as décalé le titre par rapport à l’image-produit…en gros tu forces l’image à se “serrer” sur la droite mais cette image est dans “un cadre” et ce cadre a un titre qui ne se retrouve plus au bon endroit, il aurait fallu que tu centres le “cadre” complet (je dis cadre mais c’est plutôt une “box” le terme, je pense)

    Ceci-dit c’est, à mon avis, une erreur de vouloir “centrer” l’image, parce que de ce fait tu décales toute la mise en page de ta “page-produit” woocommerce, alors que si tu ne touches pas aux réglages ( de positionnement) de ton image, chaque fois que tu ajouteras une catégorie elle viendra “naturellement” se ranger à coté des précédentes.

    Après si tu n’as que deux catégories, c’est autre chose tu peux effectivement centrer  ces catégories, même si, là encore, je pense que c’est une erreur, essaie avec les images en “réglage de base”, de réduire la largeur de ta page, elles devraient s’adapter.

    Par contre si tu dérègles leur “mise en page”, cela risque de poser problème selon les écrans…

    Sinon tu peux “ramener” les titres sous les images avec ce code (en version Firebug, ça fonctionne…)

    ul.products li.product {
        list-style: outside none none;
        text-align: right;
    }

    Ça ne va pas les centrer tout-à-fait, pour ça il faut jouer sur les marges je pense….

     

    #1640687
    zizanie
    Participant
    Chevalier WordPress
    272 contributions

    Broussaille

     

    Tout d’abord, merci de m’avoir répondu, je vais essayer ce code mais pour l’instant, je suis à l’étranger pour une semaine ; je verrai à mon retour et te tiendrai au courant

4 sujets de 1 à 4 (sur un total de 4)
  • Vous devez être connecté pour répondre à ce sujet.