Hauteur header

[aescadafal]

Bonjour à toutes/tous,

J'utilise le design Florence (sur iatubx.jimdo.com) et je trouve que le header est bien haut et mange un peu trop le haut de la page.
J'ai essayé de trouver sur le forum une solution, j'ai testé la proposition faite par FredVig sur le post suivant :
http://www.jimdoforum.fr/t1000-modifier-la-hauteur-du-header?highlight=header

Le code est :
<style type="text/css">
/*<![CDATA[*/
.logo-wrapper {
padding: 200px 0px;}
/*]]>*/
</style>

J'ai modifié en mettant 100 au lieu de 200, çà ne change pas. Mais comme çà concernait le design Chicago, peut-être est-ce inadapté dans mon cas ?

Merci d'avance :-)

[FredVig]

Nope…

Chaque code est adapté à un site précis.
Relisez le tuto sur modifier le head :
Firefox
clic droit sur l'élément à modifier
inspecter le code
clicdroit sur la ligne en surbrillance
copier l'identifiant unique
(collez son nom qqpart)
regarder à droite les valeurs à modifier
changer les valeurs - copiez
collez les valeurs en face de l'identifiant
et c'est bon

illustration :

donc…
Je ramasse les copies dans 10mn

[Alain]

Bonjour,

vous avez plus de 600 lignes de code Word dans votre head.
A éviter !

Cordialement
Alain

[FredVig]

La solution était

Code:

.jtpl-spacing{padding:10px 50px!important;}

Valable uniquement pour ce site

rajoutez aussi les balises de déclaration de css bien entendu si nécessaire

[aescadafal]

Désolé pour avoir tardé à réagir, merci pour votre aide, mais comme je ne suis pas du tout habitué à ce genre de manip, il y a un truc qui m'échappe (le boulet !) : quand je fais la modif, je vois tout de suite le header diminuer de hauteur, mais je vois pas comment sauvegarder la modif = lorsque je passe en affichage visiteur, elle n'est pas maintenue ... :-(

Alain

[FredVig]

L'inspecteur de propriété (clic droit sous navigateur) permet d'inspecter, et modifier le code de la page montée, uniquement le temps que vous la visitez.
Pour modifier le code de votre site, il faut "modifier le head" dans les paramètres en mode editeur.
Dans votre cas, il faut copier le code que je vous ai indiqué, l'encadrer des balises adéquates et coller le tout dans "modifier le head" (vous pouvez collez la ligne à la place de votre code précédent:
.jtpl-spacing{padding:10px 50px!important;}
)
Ensuite, vous enregistrez (on oublie souvent d'enregistrer la modif) et il faut ensuite recharger la page visiteur pour vérifier que ça fonctionne.
Vous avez sans doute loupé une étape

[aescadafal]

Génial, çà a marché...j'avais oublié de passer par "modifier le header" :-(
(boulet^2 !)
Très grand merci !!!

[Contenu sponsorisé]