[Résolu] Problèmes Majuscules et non alignement / page votre commande (Créer un compte)

  • WordPress :6.1
  • Statut : résolu
14 sujets de 1 à 14 (sur un total de 14)
  • Auteur
    Messages
  • #2453115
    colettegh
    Participant
    Chevalier WordPress
    183 contributions

    Bonjour,

    Ma configuration WP actuelle

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

    2 problèmes sur ma page Commander : Au niveau du champ : Expédition, il y a une majuscule à chaque début de mot (voir pièce jointe) ET l’écriture est décalée sur la gauche, ce qui fait que le montant est aussi décalé et non aligné avec le sous Total et Total. Ça ne fait pas très « propre ». Comment 1/ enlever ces majuscules et comment aligner les montants ?

    Je signale que dans l’écriture des titres dans réglages Modes d’expédition j’ai indiqué : Envoi à domicile et Retrait à L’Atelier

    Merci pour votre aide.

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #2453131
    C_Lucien
    Modérateur
    Maître WordPress
    5117 contributions

    Bonjour,

    c’est la faute à WooCommerce…

    Sans garantie, j’essaierais dans la personnalisation cette règle CSS

    .woocommerce table.shop_table td {
    text-transform: none;
    }
    #2453133
    colettegh
    Participant
    Chevalier WordPress
    183 contributions

    Non, ça ne marche pas. Quand je régénère la page, ça bouge dans le cartouche mais pas suffisamment. ET rien sur les majuscules. (j’ai essayé text-transform:right ; qui ne marche pas non plus)

    #2453134
    C_Lucien
    Modérateur
    Maître WordPress
    5117 contributions

    re,

    la bonne syntaxe serait celle mentionnée à la suite de la même question sur le support de WooCommerce https://wordpress.org/support/topic/changing-capitalization-in-woocommerce-to-lowercase/

    #2453140
    colettegh
    Participant
    Chevalier WordPress
    183 contributions

    Merci. En indiquant « initial » je pense, si je ne me trompe pas, que cela indique le texte tel qu’il est écrit dans les « modes d’expédition »

    Mais pour ce qui est de l’alignement de : Sous total /Expédition /Total , le cartouche (en grisé sur mon site) est très large, du coup, ça décale tout sur la droite et le montant  Envoi à domicile : 6,00 € est tout de suite après les : décalés par rapport aux autres montants.

    C’est bizarre la construction : pourquoi le cartouche est-il si large ? et pourquoi les modes d’expédition à cocher sont-ils à l’extérieur de ce cartouche ? C’est mal foutu !

    Merci pour votre aide.

    #2453161
    colettegh
    Participant
    Chevalier WordPress
    183 contributions

    re-bonjour, merci de m’avoir aidée pour les majuscules.

    Y a t-il quelqu’un pour m’aider pour :

    l’alignement de : Sous total /Expédition /Total , le cartouche (en grisé sur mon site) est très large, du coup, ça décale tout sur la droite et le montant Envoi à domicile : 6,00 € est tout de suite après les : décalés par rapport aux autres montants.

    C’est bizarre la construction : pourquoi le cartouche est-il si large ? et pourquoi les modes d’expédition à cocher sont-ils à l’extérieur de ce cartouche ?

    Merci. (voir pièce jointe mis au début de la conversation)

    #2453166
    ferman
    Participant
    Maître WordPress
    6333 contributions

    Essayez l’un des deux codes ci-dessous.

    .woocommerce-checkout-review-order-table li bdi {float:right;}

    ou bien

    .woocommerce-checkout-review-order-table li bdi, .woocommerce-checkout-review-order-table li label {float:right;}

    #2453167
    colettegh
    Participant
    Chevalier WordPress
    183 contributions

    Re- bonjour,

    Le 2ème est mieux, parce qu’il permet d’inscrire Envoi à domicile et Retrait à L’Atelier sur une seule ligne. Merci beaucoup. (C’est vraiment super de savoir coder !)
    J’ai ouvert un autre sujet parce que le cartouche dans mon compte/Adresses/ Modifier / passe par dessus la fin de : Adresse de livraison/ Adresse de facturation. Auriez vous un CSS pour réduire la grandeur de ce cartouche « Modifier ». Merci.

    #2453169
    ferman
    Participant
    Maître WordPress
    6333 contributions

    Auriez vous un CSS pour réduire la grandeur de ce cartouche « Modifier ». Merci.

    Non, parce que je n’arrive pas à voir sur le site ce que vous montrez sur votre copie d’écran. A moins qu’il ne faille créer un faux compte ?

    C’est vraiment super de savoir coder !

    Pour le code CSS, c’est assez facile à apprendre, du moins pour ce qui est des points les plus importants. Vous devriez vous y mettre.

    #2453171
    colettegh
    Participant
    Chevalier WordPress
    183 contributions

    Je viens de remettre une pièce jointe. Est-ce lisible ?

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #2453175
    ferman
    Participant
    Maître WordPress
    6333 contributions

    Je viens de remettre une pièce jointe. Est-ce lisible ?

    C’était déjà lisible avant. Ce n’est pas le problème. Le problème est que je ne peux pas obtenir la même chose « en vrai » sur votre site (je ne vois pas comment faire apparaître le cartouche « modifier »).

    #2453183
    colettegh
    Participant
    Chevalier WordPress
    183 contributions

    c’est résolu dans l’autre sujet. Merci.

    « Pour le code CSS, c’est assez facile à apprendre, du moins pour ce qui est des points les plus importants. Vous devriez vous y mettre. »

    Auriez vous un conseil à me donner, lectures ou sites pour apprendre ces fameuses bases. Ça m’intéresse.

    #2453188
    ferman
    Participant
    Maître WordPress
    6333 contributions

    Auriez vous un conseil à me donner, lectures ou sites pour apprendre ces fameuses bases. Ça m’intéresse.

    Pour les règles CSS, je conseille ceci facile à lire et plein d’exercices.

    Pour repérer les éléments HTML où appliquer les règles CSS, il faut savoir se servir (un peu)  des outils de développement du navigateur.  Je me sers toujours du navigateur Firefox (je n’ai jamais vraiment su comment fonctionnait chrome).  Il y a divers tutoriels: cherchez sur internet « outils de développement firefox » (ou chrome), ou bien « inspecteur firefox ». Ensuite il faut un peu pratiquer.

    Pour déjà essayer, dans votre page blog, cliquez droit sur un titre d’article et faites « inspecter ». Cela ouvre l’inspecteur firefox  et l’élément choisi apparaît en bleu. Il s’agit d’une balise a. Passez dans l’éditeur de style et tapez a{color:red!important} (ici, il faut ajouter !important  pour « insister« ; ce n’est généralement pas nécessaire et à éviter. vous pouvez aussi prendre h2 (le niveau au dessus de a) et faire h2{background-color:yellow}. Essayez sur d’autres éléments de la page et regardez ce que ça fait.

    Vous pouvez aussi utiliser les classes au lieu des balises. Par exemple pour les titres vous avez h2 class= »blog-entry-title entry-title »>. Essayez « .blog-entry-title{background-color:yellow} ». Si vous êtes contente du résultat, vous reportez le code dans les CSS additionnelles de votre thème.
    Ensuite viendront des utilisations plus avancées. Vous pourrez venir de temps à autre sur le forum « discussions diverses » pour les poser.

     

    #2453309
    colettegh
    Participant
    Chevalier WordPress
    183 contributions

    Désolée je n’ai pas pu répondre avant ! Je vais m’y mettre petit à petit, quand je peux. Le site https://www.w3schools.com/css/ ça a l’air vraiment bien.  (moi aussi je suis sur firefox). À plus tard pour d’autres questions.

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