- WordPress :5.4
- Statut : non résolu
- Ce sujet contient 13 réponses, 6 participants et a été mis à jour pour la dernière fois par
C_Lucien, le il y a 4 années et 7 mois.
-
AuteurMessages
-
16 octobre 2020 à 16 h 47 min #2356291
Bonjour,
Ma configuration WP actuelle
- Version de PHP/MySQL : PHP 7.4
- Thème utilisé : COUP LITE de THEMES KINGDOM
- Nom de l’hébergeur : IONOS
- Adresse du site :
Problème(s) rencontré(s) :
J’ai remarqué la présence d’un petit espace avant le titre des pages. Je n’arrive pas à comprendre d’où ça vient exactement. Je ne vois rien dans l’inspecteur d’élément.
Une idée ?
Merci
16 octobre 2020 à 17 h 43 min #2356301Bonjour.
Où exactement, avant ou après ?
Envoie une copie d’écran en signalant l’espace à diminuer.
🙂
16 octobre 2020 à 18 h 47 min #2356316Juste avant, par rapport à la marge gauche
Voici une capture
https://nsa40.casimages.com/img/2020/10/16/mini_201016064947434426.png
On voit mieux quand c’est surligné
16 octobre 2020 à 19 h 02 min #2356320Si c’est bien ce dont tu parle, il y a un saut de ligne <br> avant L’intervention d’un avocat peut prendre des formes diverses :
Il y a également une marge basse pour le conteneur du titre
.container.container-side {
margin-bottom: 60px;
}Modifie la valeur du margin-bottom mais je ne sais pas si ça n’influera pas ailleurs sur le site.
🙂
19 octobre 2020 à 10 h 45 min #2356480Je ne parle pas de cet espace là mais bien de l’espace (« barre d’espace ») avant le gros titre (big-text), à sa gauche.
C’est un espace d’1mm
-
Cette réponse a été modifiée le il y a 4 années et 8 mois par
nclbr.
19 octobre 2020 à 11 h 39 min #2356482Si tu parles de l’espace du titre ‘honoraire’, je pense que c’est dû à la police de caractère. Je viens de tester (avec le même thème). J’ai la même chose avec certaines lettres (P, H, C…) mais le A pour accueil n’a plus cet espace.
Teste avec une police du genre:
.big-text,
.archive .page-title.big-text {
font-family: Georgia, serif;
...
}-
Cette réponse a été modifiée le il y a 4 années et 8 mois par
pasglop.
19 octobre 2020 à 14 h 26 min #2356506Bonjour,
Essayez ceci à mettre dans les CSS additionnelles de votre thème et ajustez (5px semblent OK, sur PC). A noter: Le code corrige aussi sur tablette en position paysage mais pas en position portrait (décalage plus grand) ou portable. Si c’est nécessaire il faudra modifier le code .
.entry-title.big-text{margin-left:-5px;}
4 novembre 2020 à 21 h 06 min #2358416Sur portable je ne vois pas de décalage en mode portrait.
Mais ça ne semble pas lié à la police. J’ai changé plusieurs fois de police et c’est toujours présent.
Je ne préfère pas toucher au margin-left parce que ça décalera le titre quand il apparait bien.
Je pense qu’il y a quelque chose de plus subtil quelque part pour corriger le problème.
Pour l’instant je ne vois pas..
4 novembre 2020 à 23 h 33 min #2358433Bonjour,
Je ne préfère pas toucher au margin-left parce que ça décalera le titre quand il apparait bien.
Par exemple où? Je ne vois pas mais cela peut sans doute se contrôler sauf si ça change suivant les navigateurs auquel cas il n’y a rien à faire. Quel navigateur utilisez-vous?
5 novembre 2020 à 8 h 30 min #2358438Bonjour,
j’ai testé sur diverses pages après avoir désactivé les feuilles de style. Ce petit espace subsiste, apparemment avant toutes les lettres capitales dont le bord gauche est une verticale. On ne le constate pas avant un C par exemple.
Le problème ne viendrait donc pas des CSS, pas plus que de la fonte utilisée.
NB : testé avec deux navigateurs différents, Safari et Firefox.
5 novembre 2020 à 10 h 04 min #2358450Bonjour,
On ne le constate pas avant un C par exemple.
Alors là c’est vraiment bizarre. Pour moi il y a quatre titres (en marron clair) où ce décalage existe: Le Cabinet, Expertise, Honoraires et Contact.
Dans chaque cas si je me place sur la page correspondante et que j’ajoute la règle donnée plus haut (avec l’inspecteur firefox) j’observe bien un léger déplacement du titre vers la gauche qui l’aligne avec le paragraphe en dessous. Cela vaut pour Le Cabinet, Honoraires et Contact. Pour Expertise il n’y a pas de paragraphe en-dessous mais le déplacement se fait..
Pour le C(contact), le décalage existe également. On le voit bien dans l’inspecteur en plaçant la souris sue le paragraphe en-dessous et un regardant l’alignement.
Mystère, donc.
6 novembre 2020 à 10 h 59 min #2358533Bonjour,
Je pense que le problème vient du fait de 2 choses liés.
Le premier est le type de la police. Cela joue un peu en fonction du type.
Le deuxième est la différence de taille entre le titre est le contenu qui augmente le problème.
Si on met le titre ou le contenu à la même taille le problème disparaît.
La meilleur solution est donc, je pense un margin-left négatif en em.
Pour moi, ceci semble fonctionner :
.entry-title.big-text
{
margin-left: -0.05em;
}6 novembre 2020 à 12 h 09 min #2358536Merci en effet ça marche avec ce margin-left. Bien joué.
J’en profite pour poser une autre question.
Le thème est responsive mais le rapport entre titre de page et contenu de la page est très aléatoire.
Voilà ce qui se passe quand on joue sur le format d’écran :
- https://nsa40.casimages.com/img/2020/11/06/201106120513448224.png
- https://nsa40.casimages.com/img/2020/11/06/201106120513593325.png
- https://nsa40.casimages.com/img/2020/11/06/201106120513861287.png
- https://nsa40.casimages.com/img/2020/11/06/201106120514124888.png
- https://nsa40.casimages.com/img/2020/11/06/201106120514380368.png
- https://nsa40.casimages.com/img/2020/11/06/201106120514644449.png
La distance entre les deux est très mal gérée. Pire, si le titre est trop long, il se superpose au contenu de la page..
Comment je peux modifier ça ?
A quel niveau du code tout cela est organisé ?
A la limite je préférerais presque un écart fixe quel que soit la taille de l’écran de lecture.
Merci d’avance
6 novembre 2020 à 12 h 34 min #2358545 -
AuteurMessages
- Le sujet ‘Petit espace indésirable avant le titre d’une page’ est fermé à de nouvelles réponses.