Problème Barre supérieure et titre de la page

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
13 mai 2020 à 11 h 23 min #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.
13 mai 2020 à 16 h 47 min #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.
13 mai 2020 à 17 h 30 min #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
13 mai 2020 à 17 h 48 min #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.
13 mai 2020 à 17 h 50 min #2343046
cocod
Participant
Chevalier WordPress
156 contributions
super sympa, merci bonne soirée.
Je mets résolu.
Auteur
Messages

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

Vous devez être connecté pour répondre à ce sujet.

Fichiers joints :