Petit espace indésirable avant le titre d’une page (Créer un compte)

Accueil › Forums › WordPress › Petit espace indésirable avant le titre d’une page
  • WordPress :5.4
  • Statut : non résolu
14 sujets de 1 à 14 (sur un total de 14)
  • Auteur
    Messages
  • 16 octobre 2020 à 16 h 47 min #2356291
    nclbr
    Participant
    Initié WordPress
    14 contributions

    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

     

    • Ce sujet a été modifié le il y a 4 années et 8 mois par PhiLyon.
    • Ce sujet a été modifié le il y a 3 années et 11 mois par PhiLyon.
    16 octobre 2020 à 17 h 43 min #2356301
    PhiLyon
    Modérateur
    Maître WordPress
    28248 contributions

    Bonjour.

    Où exactement, avant ou après ?

    Envoie une copie d’écran en signalant l’espace à diminuer.

    🙂

    16 octobre 2020 à 18 h 47 min #2356316
    nclbr
    Participant
    Initié WordPress
    14 contributions

    Juste 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é

    • Cette réponse a été modifiée le il y a 4 années et 8 mois par nclbr.
    • Cette réponse a été modifiée le il y a 4 années et 8 mois par nclbr.
    • Cette réponse a été modifiée le il y a 4 années et 8 mois par nclbr.
    16 octobre 2020 à 19 h 02 min #2356320
    PhiLyon
    Modérateur
    Maître WordPress
    28248 contributions

    Si 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 #2356480
    nclbr
    Participant
    Initié WordPress
    14 contributions

    Je 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 #2356482
    pasglop
    Participant
    Maître WordPress
    702 contributions

    Si 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 #2356506
    ferman
    Modérateur
    Maître WordPress
    7621 contributions

    Bonjour,

    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 #2358416
    nclbr
    Participant
    Initié WordPress
    14 contributions

    Sur 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 #2358433
    ferman
    Modérateur
    Maître WordPress
    7621 contributions

    Bonjour,

    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 #2358438
    C_Lucien
    Modérateur
    Maître WordPress
    5114 contributions

    Bonjour,

    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 #2358450
    ferman
    Modérateur
    Maître WordPress
    7621 contributions

    Bonjour,


    @C_Lucien    .

    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 #2358533
    Inglebard
    Participant
    Chevalier WordPress
    136 contributions

    Bonjour,

    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 #2358536
    nclbr
    Participant
    Initié WordPress
    14 contributions

    Merci 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 :

    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

     

     

    • Cette réponse a été modifiée le il y a 4 années et 7 mois par nclbr.
    • Cette réponse a été modifiée le il y a 4 années et 7 mois par nclbr.
    6 novembre 2020 à 12 h 34 min #2358545
    C_Lucien
    Modérateur
    Maître WordPress
    5114 contributions

    Bonjour @nclbr

    merci d’ouvrir une nouvelle discusssion avec un titre représentatif. C’est une « nouvelle affaire » et non une extension de la précédente.

  • Auteur
    Messages
14 sujets de 1 à 14 (sur un total de 14)
  • Le sujet ‘Petit espace indésirable avant le titre d’une page’ est fermé à de nouvelles réponses.