Espace entre les titre et les contenu des pages (thèse responsive) (Créer un compte)

  • WordPress :5.5
  • Statut : non résolu
4 sujets de 1 à 4 (sur un total de 4)
  • Auteur
    Messages
  • #2358546
    nclbr
    Participant
    Initié WordPress
    12 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) :

    Bonjour,

    Le thème de mon site est responsive mais l’espace entre le titre d’une page et le contenu de la page est très aléatoire et créent des problèmes d’affichage.

    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 pourrais-je modifier ça ? A quels endroits du code tout cela est organisé ?

    A la limite je préférerais presque un écart fixe quelle que soit la taille de l’écran.

    Merci d’avance

    • Ce sujet a été modifié le il y a 3 années et 5 mois par PhiLyon.
    • Ce sujet a été modifié le il y a 2 années et 9 mois par PhiLyon.
    #2358547
    PhiLyon
    Modérateur
    Maître WordPress
    28264 contributions

    Bonjour.

    Tu as des retours à la ligne avant le début du paragraphe.

    🙂

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #2358569
    Inglebard
    Participant
    Chevalier WordPress
    136 contributions

    Bonjour,

    Il y a plusieurs raisons à votre problème.

    • Tout d’abord, vos titres identifiés via « .big-text, .archive .page-title.big-text » sont en « position: absolue » avec un top négatif. Le « position: absolue » créé votre problème de superposition. Il faudrait le passer en « relative ». Il faudra, je pense, pour éviter d’autres problèmes passé le top à 0.
    • Le premier point va faire agrandir de l’espace sous le header principal, il faudra sûrement corriger en réduisant le ‘margin-bottom’ de « .site-header »
    • Ensuite effectivement, comme le dit @PhiLyon, il y a des retours à la ligne sur le premier paragraphe.
    • Vous avez une média query à 1800px qui rajouter 60px d’espace. Peut être faudrait il rajouter quelque chose comme ceci « margin-bottom: 5px !important; » sur « header.container.container-side »

     

    #2359209
    nclbr
    Participant
    Initié WordPress
    12 contributions

    Merci à vous j’ai pu corriger ces erreurs grâce à ces indications !

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