Réduire les espaces entre logo et barre de navigation dans Stockholm
5 participants
Page 1 sur 3
Page 1 sur 3 • 1, 2, 3
Réduire les espaces entre logo et barre de navigation dans Stockholm
Bonjour,
malgré une lecture attentive du très bon tuto Apprendre à modifier le Header, je ne parviens pas à retirer les espaces inutiles entre mon logo et le haut de la page, mon logo et la barre de navigation, la barre de navigation et le premier contenu.
Lorsque je change des valeurs dans l'inspecteur, cela change apparemment les choses (mais l'affichage de ma home page une fois l'inspecteur activé ne présente pas les même espaces), mais dès que je repasse en simple consultation, cela semble avoir été sans effet.
J'ai essayé d'agir par les CSS. Mais c'est pareil, les modifications ne semblent pas prises en compte.
Les commandes que j'ai essayées sont les suivantes :
.jtpl-logo
.jtpl-logo {
padding: 0px 40px
!important
;
}
#cc-m-imagesubtitle-image-10682568695
.jtpl-logo a img {
max-height: 400px;
max-width: 80%;
padding: 0px 0px
!important
;
}
.jtpl-navigation__inner > div:nth-child(1) > div:nth-child(1) > ul:nth-child(1)
.jtpl-navigation__inner ul {
margin: 0;
padding: 0;
list-style: none
!important
;
}
.jtpl-navigation__inner {
position: relative;
max-width: 100%;
padding: 0px 45px;
background-color: #000;
margin: 0 auto
!important
;
}
.jtpl-content__inner
.jtpl-content__inner {
padding: 0px 10px
!important
;
}
Si quelqu'un peut m'éclairer… mille merci d'avance.
malgré une lecture attentive du très bon tuto Apprendre à modifier le Header, je ne parviens pas à retirer les espaces inutiles entre mon logo et le haut de la page, mon logo et la barre de navigation, la barre de navigation et le premier contenu.
Lorsque je change des valeurs dans l'inspecteur, cela change apparemment les choses (mais l'affichage de ma home page une fois l'inspecteur activé ne présente pas les même espaces), mais dès que je repasse en simple consultation, cela semble avoir été sans effet.
J'ai essayé d'agir par les CSS. Mais c'est pareil, les modifications ne semblent pas prises en compte.
Les commandes que j'ai essayées sont les suivantes :
.jtpl-logo
.jtpl-logo {
padding: 0px 40px
!important
;
}
#cc-m-imagesubtitle-image-10682568695
.jtpl-logo a img {
max-height: 400px;
max-width: 80%;
padding: 0px 0px
!important
;
}
.jtpl-navigation__inner > div:nth-child(1) > div:nth-child(1) > ul:nth-child(1)
.jtpl-navigation__inner ul {
margin: 0;
padding: 0;
list-style: none
!important
;
}
.jtpl-navigation__inner {
position: relative;
max-width: 100%;
padding: 0px 45px;
background-color: #000;
margin: 0 auto
!important
;
}
.jtpl-content__inner
.jtpl-content__inner {
padding: 0px 10px
!important
;
}
Si quelqu'un peut m'éclairer… mille merci d'avance.
Re: Réduire les espaces entre logo et barre de navigation dans Stockholm
Bonsoir,
pour ce qui est de : "je ne parviens pas à retirer les espaces inutiles entre mon logo et le haut de la page"
Je vous propose de faire cette manipulation pour voir si votre style va changer, j'ai testé avec l'inspecteur et cela modifie la hauteur entre votre logo et le haut de page :
1/ Ouvrir le "Menu" en mode Modifier de votre site.
2/ Puis aller dans "Modifier le Head"
3/ Créer votre style comme ci-dessous :
<style type="text/css">
/*<![CDATA[*/
.jtpl-header {
min-height: 410px;
}
/*]]>*/
</style>
"Enregistrer"
Si cela fonctionne, libre à vous de changer la taille de votre style.
Tester déjà cela et tenez-nous au courant pour la suite.
Cordialement
pour ce qui est de : "je ne parviens pas à retirer les espaces inutiles entre mon logo et le haut de la page"
Je vous propose de faire cette manipulation pour voir si votre style va changer, j'ai testé avec l'inspecteur et cela modifie la hauteur entre votre logo et le haut de page :
1/ Ouvrir le "Menu" en mode Modifier de votre site.
2/ Puis aller dans "Modifier le Head"
3/ Créer votre style comme ci-dessous :
<style type="text/css">
/*<![CDATA[*/
.jtpl-header {
min-height: 410px;
}
/*]]>*/
</style>
"Enregistrer"
Si cela fonctionne, libre à vous de changer la taille de votre style.
Tester déjà cela et tenez-nous au courant pour la suite.
Cordialement
Re: Réduire les espaces entre logo et barre de navigation dans Stockholm
Re,
pour ce qui est de : "je ne parviens pas à retirer les espaces inutiles entre mon logo et la barre de navigation"
Je vous propose de faire cette manipulation pour voir si votre style va changer, j'ai testé avec l'inspecteur et cela modifie la hauteur entre votre logo et votre menu de navigation :
Toutefois attention car j'ai calibré au mieux l'espace entre votre logo et le menu de navigation, si vous l'augmentez cela va mordre sur votre logo, du coup ça retirera une partie de visibilité de votre logo mais rien ne vous empêche de réduire sa taille en px si vous le souhaitez.
Là encore une fois vous retournez dans votre "Menu", "Modifier le Head" et coller ce style :
<style type="text/css">
/*<![CDATA[*/
.jtpl-navigation__inner ul {
margin: -18px;
}
/*]]>*/
</style>
"Enregistrer"
Si cela fonctionne merci de me tenir au courant.
pour ce qui est de : "je ne parviens pas à retirer les espaces inutiles entre mon logo et la barre de navigation"
Je vous propose de faire cette manipulation pour voir si votre style va changer, j'ai testé avec l'inspecteur et cela modifie la hauteur entre votre logo et votre menu de navigation :
Toutefois attention car j'ai calibré au mieux l'espace entre votre logo et le menu de navigation, si vous l'augmentez cela va mordre sur votre logo, du coup ça retirera une partie de visibilité de votre logo mais rien ne vous empêche de réduire sa taille en px si vous le souhaitez.
Là encore une fois vous retournez dans votre "Menu", "Modifier le Head" et coller ce style :
<style type="text/css">
/*<![CDATA[*/
.jtpl-navigation__inner ul {
margin: -18px;
}
/*]]>*/
</style>
"Enregistrer"
Si cela fonctionne merci de me tenir au courant.
Re: Réduire les espaces entre logo et barre de navigation dans Stockholm
Bonsoir, et merci,
malheureusement, j'ai copié vos lignes de codes dans la fenêtre de modification du head et rien ne se passe. J'ai effectué plusieurs fois la manip en changeant les valeurs, sans succès.
J'ai même ajouté un important comme conseillé dans le tuto
<style type="text/css">
/*<![CDATA[*/
.jtpl-header__inner ul {margin: 0px!important;}
/*]]>*/
</style>
malheureusement, j'ai copié vos lignes de codes dans la fenêtre de modification du head et rien ne se passe. J'ai effectué plusieurs fois la manip en changeant les valeurs, sans succès.
J'ai même ajouté un important comme conseillé dans le tuto
<style type="text/css">
/*<![CDATA[*/
.jtpl-header__inner ul {margin: 0px!important;}
/*]]>*/
</style>
Re: Réduire les espaces entre logo et barre de navigation dans Stockholm
x
Dernière édition par Bob17 le Sam 13 Mai 2017 - 15:35, édité 1 fois
Invité- Invité
Re: Réduire les espaces entre logo et barre de navigation dans Stockholm
Merci, cette ligne de code fonctionne, en passant la valeur à -200, j'arrive à une marge intéressante entre mon logo et le haut de page
Re: Réduire les espaces entre logo et barre de navigation dans Stockholm
x
Dernière édition par Bob17 le Sam 13 Mai 2017 - 15:35, édité 1 fois
Invité- Invité
Re: Réduire les espaces entre logo et barre de navigation dans Stockholm
je viens de faire la manip pour le menu avec -150 et c'est bien, sauf qu'il m'a redescendu le logo par rapport au haut de page. Connaissez vous également le code pour gérer l'esapce entre la barre de navigation et le premier contenu?
Re: Réduire les espaces entre logo et barre de navigation dans Stockholm
x
Dernière édition par Bob17 le Sam 13 Mai 2017 - 15:35, édité 1 fois
Invité- Invité
Re: Réduire les espaces entre logo et barre de navigation dans Stockholm
J'utilise Firefox. La version où ça mordait était une valeur trop importante. Je l'ai modifiée. Et je rafraîchis. Mais c'est comme si l'inner UL primait sur le margin top
Re: Réduire les espaces entre logo et barre de navigation dans Stockholm
x
Dernière édition par Bob17 le Sam 13 Mai 2017 - 15:35, édité 1 fois
Invité- Invité
Re: Réduire les espaces entre logo et barre de navigation dans Stockholm
Je suis sur la page d'accueil, MASQUES. Je vois les modifications quand je rafraichis. Mon écran est 1440 x 900
Re: Réduire les espaces entre logo et barre de navigation dans Stockholm
x
Dernière édition par Bob17 le Sam 13 Mai 2017 - 15:35, édité 1 fois
Invité- Invité
Re: Réduire les espaces entre logo et barre de navigation dans Stockholm
je ne sais pas comment insérer une image ici mais autant sur Safari que sur Firefox ma page apparaît correctement. En revanche quand j'affiche l'inspecteur c'est proche de ce que vous voyez, curieux
Re: Réduire les espaces entre logo et barre de navigation dans Stockholm
x
Dernière édition par Bob17 le Sam 13 Mai 2017 - 15:35, édité 1 fois
Invité- Invité
Re: Réduire les espaces entre logo et barre de navigation dans Stockholm
J'avais enlevé le Titre, je n'en ai pas besoin, il est dans mon logo (format image). C'est curieux, quand je modifie la margin-top de mon content, ça a aussi une incidence sur la hauteur de ma barre de navigation
Re: Réduire les espaces entre logo et barre de navigation dans Stockholm
x
Dernière édition par Bob17 le Sam 13 Mai 2017 - 15:36, édité 1 fois
Invité- Invité
Re: Réduire les espaces entre logo et barre de navigation dans Stockholm
Oui elle était redevenue comme avant. C'est curieux lorsque je tape
<style type="text/css">
/*<![CDATA[*/
.jtpl-logo
{margin-top: -140px;}
/*]]>*/
</style>
Mon logo remonte à une position qui me convient.
Ensuite je rentre
<style type="text/css">
/*<![CDATA[*/
.jtpl-navigation
{margin-top: -140px;}
/*]]>*/
</style>
Et là, il me redescend le logo et rapproche la barre de navigation du logo
Et si j'essaie la valeur -120 sur le content il redescend la barre de navigation par rapport au logo pour la rapprocher du contenu.
Comme si cette valeur de margin-top était indexée sur une autre valeur qui reste automatisée.
Normalement margin-top est la marge du haut séparant un élément (logo, navigation, content) de l'élément situé au-dessus de lui?
Lorsque je lui indique -140px je ne comprends pas par rapport à quoi il retranche les 140px, la marge haute actuelle de mon logo? Ou à une autre valeur?
<style type="text/css">
/*<![CDATA[*/
.jtpl-logo
{margin-top: -140px;}
/*]]>*/
</style>
Mon logo remonte à une position qui me convient.
Ensuite je rentre
<style type="text/css">
/*<![CDATA[*/
.jtpl-navigation
{margin-top: -140px;}
/*]]>*/
</style>
Et là, il me redescend le logo et rapproche la barre de navigation du logo
Et si j'essaie la valeur -120 sur le content il redescend la barre de navigation par rapport au logo pour la rapprocher du contenu.
Comme si cette valeur de margin-top était indexée sur une autre valeur qui reste automatisée.
Normalement margin-top est la marge du haut séparant un élément (logo, navigation, content) de l'élément situé au-dessus de lui?
Lorsque je lui indique -140px je ne comprends pas par rapport à quoi il retranche les 140px, la marge haute actuelle de mon logo? Ou à une autre valeur?
Re: Réduire les espaces entre logo et barre de navigation dans Stockholm
x
Dernière édition par Bob17 le Sam 13 Mai 2017 - 15:36, édité 1 fois
Invité- Invité
Re: Réduire les espaces entre logo et barre de navigation dans Stockholm
x
Dernière édition par Bob17 le Sam 13 Mai 2017 - 15:36, édité 1 fois
Invité- Invité
Re: Réduire les espaces entre logo et barre de navigation dans Stockholm
C'est toujours la même chose. quand je règle un paramètre ça va. Dès que j'ajoute un code après pour modifier un autre, c'est comme s'il m'annulait le premier.
Re: Réduire les espaces entre logo et barre de navigation dans Stockholm
x
Dernière édition par Bob17 le Sam 13 Mai 2017 - 15:36, édité 1 fois
Invité- Invité
Re: Réduire les espaces entre logo et barre de navigation dans Stockholm
Très joli site Bob17 c'est un design sur mesure, les photo d'arrière plan en pleine largeur c'est superbe !
Re: Réduire les espaces entre logo et barre de navigation dans Stockholm
x
Dernière édition par Bob17 le Sam 13 Mai 2017 - 15:36, édité 1 fois
Invité- Invité
Re: Réduire les espaces entre logo et barre de navigation dans Stockholm
Merci Bob17 je dois dire que j'adore Jimdo même si effectivement on aimerait plus de richesses dans les styles
Pour un site test c'est drôlement bien finit je trouve ! comment vous avez fait pour les photos d'arrière plan qui apparaissent au fur et à mesure du scrolling ... c'est pas standard ça
Pour un site test c'est drôlement bien finit je trouve ! comment vous avez fait pour les photos d'arrière plan qui apparaissent au fur et à mesure du scrolling ... c'est pas standard ça
Page 1 sur 3 • 1, 2, 3
Sujets similaires
» Réduire les espaces inter-colonnes (Design Stockholm)
» Rendre la barre de navigation (menu) fixe (sous Stockholm)
» reduire d'espace entre barre de nav et contenu
» Réduire espace sous barre navigation design Amsterdam
» Réduire les espaces inter-colonnes
» Rendre la barre de navigation (menu) fixe (sous Stockholm)
» reduire d'espace entre barre de nav et contenu
» Réduire espace sous barre navigation design Amsterdam
» Réduire les espaces inter-colonnes
Page 1 sur 3
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum
|
|