[Résolu] Problème Barre supérieure et titre de la page (Créer un compte)

  • WordPress :5.4
  • Statut : résolu
  • Ce sujet contient 4 réponses, 2 participants et a été mis à jour pour la dernière fois par cocod, le il y a 2 semaines.
5 sujets de 1 à 5 (sur un total de 5)
  • Auteur
    Messages
  • #2343012
    cocod
    Participant
    Chevalier WordPress
    156 contributions

    Bonjour,

    • Ma configuration WP actuelle :
      – Version de WordPress : 5.4.1
      – Version de PHP/MySQL : 7.2.30 / 5.6.46
      – Thème utilisé : OceanWP
      – Thème URI : https://oceanwp.org/
      – Extensions en place : All In One SEO Pack (3.4.3), Caldera Forms (1.8.11), Duplicate Post (3.2.4), Elementor (2.9.8), Fonts (2.3), Forum_wordpress_fr (4.2), La Sentinelle antispam (1.5.4), Ocean Extra (1.6.2), Show-Hide/Collapse-Expand (1.2.3), Simple CSS (1.1), Use Any Font (5.9), Verify Email for Caldera Forms (1.2.0), WPForms Lite (1.6.0.1)
      – Adresse du site : http://psychanalyste-toulouse-reve-eveille-girep-mcasesjolinon.fr
      – Nom de l’hébergeur : Apache

    Problème(s) rencontré(s) : Deux problèmes.

    Comment supprimer les bandes blanches en haut et en bas de l’image qu’il y a dans la barre supérieure ?
    Dans personnaliser onglet barre supérieur/général/les Marges internes (px) sont à zéro et je ne vois pas où agir d’autre.

     

    Deuxième problème comment peut on mettre un espace plus grand dans le titre du site.

    Donc entre Myriam CASES-JOLINON et Psychanalyste Rêve Éveille ?

    Cordialement.

     

    DB

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #2343041
    ferman
    Participant
    Maître WordPress
    2511 contributions

    Bonjour,

    Ce n’est pas simple car pas vraiment responsive. Il faut utiliser des media queries. Essayez en mettant le code ci-dessous dans vos CSS additionnelles:

    @media only screen and (min-width: 1025px){
    #topbar-template{height:298px!important;}
    }	
    @media only screen and (max-width: 1024px){
    #topbar-template{height:200px!important;}
    }	
    @media only screen and (max-width: 850px){
    #topbar-template{height:148px!important;}
    }

    Pour le deuxième problème, je ne sais pas comment vous avez mis le titre mais en mode texte  vous pouvez essayer en ajoutant des espaces html ( ) pour donner Myriam CASES-JOLINON     Psychanalyste Rêve Éveille. Si ça fonctionne vous mettez autant d’espaces que vous  voulez.

    #2343043
    cocod
    Participant
    Chevalier WordPress
    156 contributions

    Bon soir,

    merci beaucoup pour votre message,

    pour la première question en fait il suffit de mettre

    }
    /*zone bas de la barre du haut*/
    @media only screen and (min-width: 1024px){
    #topbar-template{height:310px!important;}
    }

    et cela fonctionne pour le blanc qu’il y a en bas de la barre supérieure, mais ça n’enlève pas le blanc du haut.

    Pour la deuxième question j’avais essayé la solution que vous m’avez donné, ça ne fonctionnait pas car j’avais oublié de mettre les ;

    Cordialement.

    DB

     

    #2343044
    ferman
    Participant
    Maître WordPress
    2511 contributions

    En me concentrant sur les media queries, j’avais oublié de mettre la partie de code pour la barre du haut:

    .vc_single_image-img{position:relative;
    top:-20px;}

    Et donc, il faudra rectifier la hauteur pour PC (298px).

    Pour le code CSS, ça ne suffit pas. C’est OK pour PC mais pas pour tablette horizontale ou verticale. D’où les 2 autres media queries.

    • Cette réponse a été modifiée le il y a 2 semaines par ferman.
    • Cette réponse a été modifiée le il y a 2 semaines par ferman.
    #2343046
    cocod
    Participant
    Chevalier WordPress
    156 contributions

    super sympa, merci bonne soirée.

    Je mets résolu.

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