comment régler la taille de l'image d'en tête avec lde thême NISARG

WordPress :4.9.9
Statut : résolu

Ce sujet contient 18 réponses, 3 participants et a été mis à jour pour la dernière fois par SEB92400, le il y a 6 années et 4 mois.

15 sujets de 1 à 15 (sur un total de 19)

1 2 →

Auteur

Messages
26 novembre 2018 à 14 h 38 min #2228032
SEB92400
Participant

Chevalier WordPress
311 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 !
26 novembre 2018 à 15 h 29 min #2228046
C_Lucien
Modérateur

Maître WordPress
5114 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
26 novembre 2018 à 15 h 35 min #2228053

SEB92400
Participant

Chevalier WordPress
311 contributions

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

26 novembre 2018 à 15 h 37 min #2228054

SEB92400
Participant

Chevalier WordPress
311 contributions

fichier joint

Fichiers joints :
Vous devez être connecté pour voir les fichiers joints.

29 novembre 2018 à 16 h 42 min #2229108

SEB92400
Participant

Chevalier WordPress
311 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,

29 novembre 2018 à 20 h 25 min #2229299
PhiLyon
Modérateur

Maître WordPress
28252 contributions
Bonjour.

Essaies ce code dans Apparence/Personnaliser/CSS additionnel (tu règles le % à ta guise)
```
.site-header {
 background-size: 80% !important ;
}
```
30 novembre 2018 à 8 h 45 min #2229379

SEB92400
Participant

Chevalier WordPress
311 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.

30 novembre 2018 à 11 h 45 min #2229423
SEB92400
Participant

Chevalier WordPress
311 contributions
<h1 class= »western »>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</h1>
<h1 class= »western »> évolution »
Vous m’aviez proposé le 27 novembre 2017 le CSS additionnel suivant</h1>
```
<code class=" code-embed-code language-css">#branding {
 padding-bottom: 10px;
}

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 ?

```
Utile si on plusieurs CSS additionnels

Merci

Cordt

<h1 class= »western »>

</h1>
30 novembre 2018 à 11 h 47 min #2229424
SEB92400
Participant

Chevalier WordPress
311 contributions
```
<code class=" code-embed-code language-css">#branding {
 padding-bottom: 10px;
}
```
30 novembre 2018 à 11 h 48 min #2229425

SEB92400
Participant

Chevalier WordPress
311 contributions

en copie écran !

Fichiers joints :
Vous devez être connecté pour voir les fichiers joints.

1 décembre 2018 à 19 h 57 min #2229864

SEB92400
Participant

Chevalier WordPress
311 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

1 décembre 2018 à 23 h 32 min #2229887

SEB92400
Participant

Chevalier WordPress
311 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.

1 décembre 2018 à 23 h 34 min #2229889

SEB92400
Participant

Chevalier WordPress
311 contributions

A nouveau les 2 fichiers

en 80 et 100

Fichiers joints :
Vous devez être connecté pour voir les fichiers joints.

1 décembre 2018 à 23 h 36 min #2229891

SEB92400
Participant

Chevalier WordPress
311 contributions

en 100

Fichiers joints :
Vous devez être connecté pour voir les fichiers joints.

2 décembre 2018 à 9 h 39 min #2229921
PhiLyon
Modérateur

Maître WordPress
28252 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
}
```
🙂
Auteur

Messages