Bouton « Valider la commande » mauvaise mise en forme (Créer un compte)

Accueil › Forums › WooCommerce › Bouton « Valider la commande » mauvaise mise en forme
  • WordPress :6.5
  • Statut : non résolu
8 sujets de 1 à 8 (sur un total de 8)
  • Auteur
    Messages
  • 7 août 2024 à 11 h 55 min #2478673
    llPrOll
    Participant
    Initié WordPress
    7 contributions

    Bonjour,

    Ma configuration WP actuelle

    Problème(s) rencontré(s) : Bonjour à tous,

    Je rencontre un problème particulier, à un seul et unique endroit du site internet. Alors que tous les autres boutons correspondent bien à la mise en page définit, le bouton « Valider la commande » semble avoir une marge interne plus grosse que les autres, ce qui le rend moche. Impossible de mettre la main sur la modification de ce bouton seul. Quelqu’un aurait une idée s’il vous plaît ?

    Merci d’avance !

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    7 août 2024 à 15 h 36 min #2478680
    ferman
    Participant
    Maître WordPress
    7086 contributions

    Bonjour,

    Essayez ceci:

    #main .ct-woocommerce-cart-form .cart_totals .wc-proceed-to-checkout a {
      display:flex;
      margin-left:auto;
      margin-right:auto;
      width:70%;
    }

    7 août 2024 à 21 h 12 min #2478701
    llPrOll
    Participant
    Initié WordPress
    7 contributions

    Bonjour Ferman,

     

    Excuse-moi, mais où est-ce que je dois coller ceci ? N’ayant pas directement accès au bouton, je n’ai pas la partie « CSS personnalisé »

    7 août 2024 à 21 h 13 min #2478704
    Joss47
    Modérateur
    Maître WordPress
    5265 contributions

    Hello,

    Dans apparence > Personnaliser > CSS Additionnel

    Tout cela depuis ton interface admin de wordpress en fait 🙂

    8 août 2024 à 15 h 37 min #2478718
    llPrOll
    Participant
    Initié WordPress
    7 contributions

    Merci beaucoup !

     

    Du coup, ça modifie bien le bouton, cependant ça le raccourcit sur le côté et pas en haut…

    8 août 2024 à 15 h 39 min #2478735
    Joss47
    Modérateur
    Maître WordPress
    5265 contributions

    En fait, je ne sais pas pourquoi dans le code de ton bouton tu as un <br>, qui signifie un saut de ligne, d’ou le fait que tu ai de l’espace au dessus de « Valider la commande »
    Il faudrait voir avec les développeurs de ton theme OU alors voir si le bouton n’a pas mal était traduit et qu’il y a un ajout de saut de ligne dans la traduction…

    8 août 2024 à 17 h 00 min #2478748
    ferman
    Participant
    Maître WordPress
    7086 contributions

    Bonjour,

    Où voyez-vous ce que vous montrez en copie d’écran? Voila ce que moi je vois  (pièce jointe), sans code ajouté, sur votre site. La hauteur me semble normale. Je pensais donc que vous aviez réglé le problème de hauteur et qu’il ne restait que celui des marges droite et gauche; d’où le code.

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    9 août 2024 à 15 h 48 min #2478765
    llPrOll
    Participant
    Initié WordPress
    7 contributions

    Bonjour tout le monde,

     

    Ferman : c’est très bizarre car effectivement, quand je regarde depuis l’espace Admin (en utilisant Firefox), je vois le bouton comme vous.

    Dès lors que je regarde comme un visiteur (en utilise Chrome), je vois le bouton avec un saut en trop.

     

    Joss47 : comment supprimer ce <br> ? J’ai regardé côté du thème, mais je n’arrive pas à le trouver …

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