[Résolu] comment régler la taille de l’image d’en tête avec lde thême NISARG

  • WordPress :4.9.9
  • Statut : résolu
15 sujets de 1 à 15 (sur un total de 19)
  • Auteur
    Messages
  • #2228032
    SEB92400
    Participant
    Chevalier WordPress
    241 contributions

    Bonjour,

    Ma configuration WP actuelle

    • Version de PHP/MySQL :
    • Thème utilisé : NISARG
    • Extensions en place : WP  FORMS LITE
    • Nom de l’hébergeur : LOCAL HOST  MAMP
    • Adresse du site :

    Problème(s) rencontré(s) : Bonjour, Je cherche à réduire la taille de l’image d’en tête que je trouve un peu trop longue.
    J’ai réduit sa taille dans Media, mais sans changement.
    Je suppose que c’est possible avec un code dans le CSS additionnel, ou autrement peut être !

     

    #2228046
    C_Lucien
    Modérateur
    Maître WordPress
    3373 contributions

    Bonjour,

    essayer ceci

    • supprimer l’image d’en-tête
    • ajouter une nouvelle image d’en-tête en sélectionnant la version modifiée
    • variante : réduire la taille de l’image avant de la déposer sur le site et sélectionner cette version réduite
    #2228053
    SEB92400
    Participant
    Chevalier WordPress
    241 contributions

    Bonjour C_Lucien, merci
    je viens d’essayer comme vous le dites, mais l’image reste très longue (voir copie écran)

     

    #2228054
    SEB92400
    Participant
    Chevalier WordPress
    241 contributions

    fichier joint

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #2229108
    SEB92400
    Participant
    Chevalier WordPress
    241 contributions

    Bonsoir,
    je reviens sur cette question non résolue pour moi.
    N’y aurait il un code CSS additionnel qui pourrait permettre de régler la taille visible de l’image d’en tête ?
    si oui, on ferait un grand pas  pour ce thême gratuit et plutôt réussi par  ailleurs.
    J’ai appris sur le site Nisarg qu’il existe un NISARG PRO à € 25 , mais je n’ai pas bien compris s’il permet ou non ce type de réglage.

    Merci pour votre attention,

    #2229299
    PhiLyon
    Modérateur
    Maître WordPress
    21190 contributions

    Bonjour.

    Essaies ce code dans Apparence/Personnaliser/CSS additionnel (tu règles le % à ta guise)

    .site-header {
        background-size: 80% !important ;
    }

    #2229379
    SEB92400
    Participant
    Chevalier WordPress
    241 contributions

    Bonjour Philyon,
    Super, merci cela fonctionne très bien avec effectivement possibilité de régler la taille simplement.
    Voici copie écran en 80 %.

    Si je ne n’abuse pas, pourrais tu me suggérer un code pour faire descendre cette image (actuellement elle est contigue à la barre des menus)
    Cela serait plus esthétique de la descendre et ainsi mieux la centrer  ?

    Merci

    Cordialement

     

     

     

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #2229423
    SEB92400
    Participant
    Chevalier WordPress
    241 contributions

    <h1 class= »western »><span style= »font-family: Arial, sans-serif; »><span style= »font-size: medium; »>Le 15 novembre 2017, j’avais démarré un sujet sur ce forum avec comme  titre « comment laisser un espace libre sous l’image dans Catch</span></span></h1>
    <h1 class= »western »><span style= »font-family: Arial, sans-serif; »><span style= »font-size: medium; »> évolution »
    Vous m’aviez proposé le 27 novembre 2017 le CSS additionnel suivant</span></span></h1>

    <code class=" code-embed-code language-css"><span class="token selector"><span class="token id">#branding</span> </span><span class="token punctuation">{</span>
        <span class="token property">padding-bottom</span><span class="token punctuation">:</span> <span class="token number">10</span>px<span class="token punctuation">;</span>
    <span class="token punctuation">}
    
    Pour le thême Nisarg dont on parle est ce le  même CSS qui convient ? 
    
    Enfin, une question complémentaire, que  faut il écrire avant un CSS pour se souvenir de son rôle ?
    </span>

    Utile si on plusieurs CSS additionnels

    Merci

    Cordt

     
    <h1 class= »western »><span style= »font-family: Arial, sans-serif; »><span style= »font-size: medium; »>

    </span></span></h1>

    #2229424
    SEB92400
    Participant
    Chevalier WordPress
    241 contributions
    <code class=" code-embed-code language-css"><span class="token selector"><span class="token id">#branding</span> </span><span class="token punctuation">{</span>
        <span class="token property">padding-bottom</span><span class="token punctuation">:</span> <span class="token number">10</span>px<span class="token punctuation">;</span>
    <span class="token punctuation">}</span>
    #2229425
    SEB92400
    Participant
    Chevalier WordPress
    241 contributions

    en copie écran !

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #2229864
    SEB92400
    Participant
    Chevalier WordPress
    241 contributions

    Bonsoir Philyon,
    j’ai essayé ton CSS additionel du 27/11/2017 (autre sujet ouvert à l’époque)
    Ceci en vue de pouvoir régler la hauteur de l’image (en fait mieux la centrer)
    Voir copie écran du 30/11/2018 8 h 45
    Mais cela n’a rien donné
    Sans doute il faut un autre CSS additionel ?
    Bonne soirée

     

    #2229887
    SEB92400
    Participant
    Chevalier WordPress
    241 contributions

    Bonsoir,

    ci inclus 2 copies écran,

    une avec background-size 100 %
    l’autre avec bakground-size 80 %

    Celle avec 80 me convient mieux (image moins longue), mais comme on le voit, l’image est collée en haut à la barre des menus (blanc), et l’espace sous l’image (en vert dans mon exemple) est augmenté et du coup un peu loin de la partie basse (Articles).
    Ce que j’aimerais c’est un CSS additionel, qui permettrait de descendre l’image.

    j’espère avoir été clair

    Merci pour  votre attention

     

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #2229889
    SEB92400
    Participant
    Chevalier WordPress
    241 contributions

    A nouveau les 2 fichiers

    en 80 et 100

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #2229891
    SEB92400
    Participant
    Chevalier WordPress
    241 contributions

    en 100

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #2229921
    PhiLyon
    Modérateur
    Maître WordPress
    21190 contributions

    Bonjour.

    Essaies avec ce code, modifies les valeurs comme tu le sens, mais il faudra sûrement modifier les media queries pour les smartphones

    .site-header {
      margin-bottom: 20px;  
    	background-size: 80% !important ;
    	background-position:  50% 40px;
    	box-shadow: 0px 0px 0px 0px transparent !important
    }

    🙂

15 sujets de 1 à 15 (sur un total de 19)
  • Le sujet ‘[Résolu] comment régler la taille de l’image d’en tête avec lde thême NISARG’ est fermé à de nouvelles réponses.