En tête image et bordures à modifier (Créer un compte)

  • WordPress :5.4
  • Statut : non résolu
13 sujets de 1 à 13 (sur un total de 13)
  • Auteur
    Messages
  • #2342835
    Naturopathie1988
    Participant
    Initié WordPress
    6 contributions

    Bonjour,

    Ma configuration WP actuelle

    • Version de PHP/MySQL :
    • Thème utilisé : DONOVAN
    • Extensions en place : JETPACK, AKISMET ANTI-SPAM, CLOUDFLARE, CLASSIC EDITOR, CONTACT FORM 7, GOOGLE ANALYTIC DASHBOARD, REALLY SIMPLE SSL, RECENT POST WIDGET WITH THUMBNAILS, SASSY SOCIAL SHARE, SMUSH, UPDRAFTPLUS, WP SITEMAP PAGE, WP SUPER CACHE, WPFORMS LITE, YOAST SEO
    • Nom de l’hébergeur : OVH
    • Adresse du site : https//vitalitintestinale.fr

    Problème(s) rencontré(s) : j’ai une question concernant la mise en page de mon blog. Je souhaite que mon bandeau-photo, qu’il y a en haut du site  n’ait plus cette grande bordure blanche tout autour. Comment faire pour que mon bandeau prenne tout l’encadré?
    <div>Mon thème est DONOVAN. J’ai repris plusieurs fois mon bandeau mais sans résultat. Est-ce que ça viendrait du code information? Faut-il changer OPX en NONE? et comment le faire?</div>
    <div>Merci de votre retour 😉</div>

    #2342864
    ferman
    Participant
    Maître WordPress
    2511 contributions

    Bonjour,

    Essayez ceci:

    .header-main.container.clearfix{padding-left:0px;
    		padding-right:0px;
    max-width:1600px;}

    #2342889
    Naturopathie1988
    Participant
    Initié WordPress
    6 contributions

    Bonjour,

    Merci de votre retour. je n’ai pas la ligne que vous m’avez donné. J’ai tout de même essayé dans plusieurs champs mais ça ne fonctionne pas. Dans ma rubrique “HEADER”, il apparait ceci:

    site-header {
    background: #fff;
    }

    .header-main {
    display: block;
    text-align: center;
    padding-top: 1.25rem;
    padding-bottom: 1.5rem;

    }

    .site-branding {
    margin: 0;
    padding: 0;
    max-width: 100%;

    #2342903
    ferman
    Participant
    Maître WordPress
    2511 contributions

    Bonjour,

    je n’ai pas la ligne que vous m’avez donné (Voir pièce jointe).

    Je pense que vous vous y prenez mal. Il faut copier le code CSS que je vous ai donné  dans la réponse et le coller dans les CSS additionnelles.

    Depuis votre tableau de bord->apparence-> personnaliser -> CSS additionnelles .

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #2342934
    Naturopathie1988
    Participant
    Initié WordPress
    6 contributions

    Re-bonjour,

    Navrée de vous déranger une nouvelle fois, je ne suis pas très forte en algorithmique.

    Lorsque je copie -colle votre ligne de code dans css additionnelle, il semblerait que ça ne modifie pas les marges autour de ma photo-bannière.

    Ai-je bien procédé?

    Merci de votre réponse.

    Ci joint la copie d’écran

    #2342935
    Rock4Temps
    Participant
    Initié WordPress
    41 contributions

    Bonjour,

    Pour supprimer les marges blanches autour de la photo du header
    A partir du back office de wordpress
    menu Apparence > personnaliser > css additionnel entrez le code ci dessous

    @media only screen and (min-width: 40em){
    	.container {
    		padding-left: 0rem!important; 
    		padding-right: 0rem!important; 
    	}
    }
    
    @media only screen and (min-width: 25em){
    	.container {
    		padding-left: 0rem!important; 
    		padding-right: 0rem!important; 
    	}
    }
    
    .header-main {
        padding-top: 0rem!important;
    }

    cordialement

    #2342936
    ferman
    Participant
    Maître WordPress
    2511 contributions

    Vous ne me dérangez pas du tout mais vous avez oublié la copie d’écran.

    #2342940
    Naturopathie1988
    Participant
    Initié WordPress
    6 contributions

    En effet, il y a eu une erreur de chargement.

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

    Non, ça a l’air bon. Une seule chose bizarre c’est l’espace dans ce header-   main . Mettez  le code ci-dessous (chez moi ça marche aussi).

    Si le code fonctionne enlevez  les points d’exclamation et vérifiez si ça marche encore. Il ne faut les laisser que si c’est nécessaire.

    .container.clearfix{padding-left:0px!important;
    		padding-right:0px!important;
    max-width:1600px!important;}

    • Cette réponse a été modifiée le il y a 2 semaines et 1 jour par ferman.
    #2343025
    Naturopathie1988
    Participant
    Initié WordPress
    6 contributions

    Bonjour,

    Merci de votre retour. Les bordures droite et gauche de la photo ont bien disparu avec votre code. En revanche les bordures blanches en haut et en bas de la photo sont toujours présentes. Faut-il que je rajoute un code: padding top et padding bottom?

    Merci d’avance

    #2343038
    ferman
    Participant
    Maître WordPress
    2511 contributions

    Bonjour,

    Si vous voulez enlever toutes les bordures, il suffit de mettre:

    .header-main.container.clearfix{padding:0px;
    max-width:1600px;}

    Le !important n’est pas nécessaire.

    Je vois que contrairement à ce que vous disiez, le code que je vous avais donné fonctionne sans modification. Pour mon information, (pour savoir quoi répondre quand la même se produira à une autre occasion) quel était le problème? Par exemple, il y a peu, un participant ne voyait pas de changement car il avait mis le code dans un mauvais fichier CSS. Mais ce n’est pas votre cas.

    Merci d’avance.

    • 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.
    #2343113
    Naturopathie1988
    Participant
    Initié WordPress
    6 contributions

    Bonjour,

    Merci beaucoup tout fonctionne bien avec le dernier code. En réponse à votre question, les lignes de code données dans votre premier message n’étaient pas tout à fait identiques à celles du dernier message (padding-left, padding-right comme différence).

     

    Merci beaucoup encore pour votre aide et votre patience

     

    #2343115
    ferman
    Participant
    Maître WordPress
    2511 contributions

    Bonjour,

    Merci pour le retour. Bonne récupération de jeûne.

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