Mon compte/ Adresses / Le cartouche "Modifier" trop grand

WordPress :6.1
Statut : résolu

Ce sujet contient 2 réponses, 2 participants et a été mis à jour pour la dernière fois par colettegh, le il y a 5 mois et 1 semaine.

3 sujets de 1 à 3 (sur un total de 3)

Auteur

Messages
22 avril 2023 à 10 h 25 min #2453162
colettegh
Participant

Chevalier WordPress
183 contributions
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/mon-compte/edit-address/
Problème(s) rencontré(s) : Bonjour,

à la page Mon compte : en cliquant sur Adresses pour les vérifier ou les modifier, le cartouche/ Boite « Modifier » Adresse de livraison ET Adresse de facturation est très grand et passe par dessus l’écriture de Adresse et de Livraison. Comment le diminuer pour que cela ne se chevauche pas ? un CSS ? Merci pour votre aide. (photo pièce jointe)
- Ce sujet a été modifié le il y a 5 mois et 1 semaine par colettegh.
Fichiers joints :
Vous devez être connecté pour voir les fichiers joints.
22 avril 2023 à 12 h 45 min #2453176
momofr@free.fr
Modérateur

Maître WordPress
6312 contributions
Salut, ton site est réglé à 1200px de large, vu ta construction avec colonne latérale tu devrais déjà le passer à 1310px (standard 13 pouces) ça va aider à afficher tes contenus.

Pour le point concerné, essaye ces 2 règles dans Apparence -> Personnaliser -> CSS additionnelle :
```
.woocommerce-Address-title h3 {
	font-size: 16px !important;
}
.woocommerce-MyAccount-content .addresses .woocommerce-Address .title a {
	padding: 2px 8px;
}
```
La première règle touche le corps de caractère des titres, la seconde les marges internes des boutons. À toi de voir.

ÉDIT : sinon j’ai une autre solution, sans doute plus élégante avec un site à colonne latérale, on passe les 2 colonnes des adresses l’une au dessus de l’autre avec cette règle seule (ça ne touche pas le corps des titres ou les boutons) :
```
.u-column1.col-1.woocommerce-Address, .u-column2.col-2.woocommerce-Address {
	float: none !important;
	width: 100% !important;
}
```
Voir résultat en pièce jointe.

Fichiers joints :
Vous devez être connecté pour voir les fichiers joints.
22 avril 2023 à 13 h 11 min #2453182

colettegh
Participant

Chevalier WordPress
183 contributions

Génial. Merci. C’est mieux. Pour ce qui est de 1310 px de large, je trouve que c’est trop large. Je veux comme un fond de page. Merci encore pour ton aide.
Auteur

Messages