- WordPress :6.1
- Statut : résolu
- Ce sujet contient 13 réponses, 3 participants et a été mis à jour pour la dernière fois par
colettegh, le il y a 5 mois et 1 semaine.
-
AuteurMessages
-
21 avril 2023 à 12 h 03 min #2453115
Bonjour,
Ma configuration WP actuelle
- Version de PHP/MySQL :
- Thème utilisé : Ocean WP
- Extensions en place :
- Nom de l’hébergeur : OVH
- Adresse du site : https://www.penser-la-photographie.com/boutique/commander/
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.21 avril 2023 à 15 h 10 min #2453131Bonjour,
c’est la faute à WooCommerce…
Sans garantie, j’essaierais dans la personnalisation cette règle CSS
.woocommerce table.shop_table td { text-transform: none; }
21 avril 2023 à 15 h 25 min #2453133Non, ç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)
21 avril 2023 à 16 h 03 min #2453134re,
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/
21 avril 2023 à 16 h 37 min #2453140Merci. 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.
22 avril 2023 à 10 h 15 min #2453161re-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)
22 avril 2023 à 11 h 10 min #2453166Essayez 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;}22 avril 2023 à 12 h 04 min #2453167Re- 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.22 avril 2023 à 12 h 17 min #2453169Auriez 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.
22 avril 2023 à 12 h 22 min #2453171Je viens de remettre une pièce jointe. Est-ce lisible ?
Fichiers joints :
Vous devez être connecté pour voir les fichiers joints.22 avril 2023 à 12 h 29 min #2453175Je 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 »).
22 avril 2023 à 13 h 14 min #2453183c’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.
22 avril 2023 à 16 h 53 min #2453188Auriez 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.25 avril 2023 à 10 h 34 min #2453309Dé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.
-
AuteurMessages
- Vous devez être connecté pour répondre à ce sujet.