Modifier position du header
3 participants
Page 1 sur 1
Modifier position du header
Bonjour à tous,
J'ai un problème que j'avais involontairement résolu mais qui est revenu après une modification quelconque. J'aimerais que le header se situe plus haut sur mon site, car il y a une marge de 2-3 cm entre le haut de ma page et le header. Ainsi, je trouve que le reste de ma page est trop bas (quand on entre sur le site ou sur une page, il faut descendre avec la roulette pour voir les premières phrases et j'aimerais éviter cela.
Je ne sais pas si je me suis bien exprimé alors j'illustre avec deux photos :
Mon site est actuellement comme cela.
J'aimerais que le logo de mon site soit plus haut afin d'élever aussi le reste pour que l'entrée sur une page soit plus présentable.
Je sais que c'est possible car l'autre jour, la rangée d'hermines du dessus avait disparue et elle est revenue je ne sais comment.
Merci d'avance à tous ceux qui pourront m'aider.
J'ai un problème que j'avais involontairement résolu mais qui est revenu après une modification quelconque. J'aimerais que le header se situe plus haut sur mon site, car il y a une marge de 2-3 cm entre le haut de ma page et le header. Ainsi, je trouve que le reste de ma page est trop bas (quand on entre sur le site ou sur une page, il faut descendre avec la roulette pour voir les premières phrases et j'aimerais éviter cela.
Je ne sais pas si je me suis bien exprimé alors j'illustre avec deux photos :
Mon site est actuellement comme cela.
J'aimerais que le logo de mon site soit plus haut afin d'élever aussi le reste pour que l'entrée sur une page soit plus présentable.
Je sais que c'est possible car l'autre jour, la rangée d'hermines du dessus avait disparue et elle est revenue je ne sais comment.
Merci d'avance à tous ceux qui pourront m'aider.
Re: Modifier position du header
Bonjour
Vous avez une marge de 50px au dessus de votre logo.
Je ne sais pas si cela peut se modifier à partir de l'interface design.
Si vous "modifiez le Head", vous pouvez changer cette valeur ainsi :
.layout-alignment {margin: 0px auto 0px !important;}
Vous avez une marge de 50px au dessus de votre logo.
Je ne sais pas si cela peut se modifier à partir de l'interface design.
Si vous "modifiez le Head", vous pouvez changer cette valeur ainsi :
.layout-alignment {margin: 0px auto 0px !important;}
Re: Modifier position du header
Merci pour votre réponse.
Je n'ai pas trouvé de "Modifier le header" dans la partie Design mais quand le vais dans Style et que je veux modifier le header, l'espacement vertical est déjà réglé à 0, tout comme l'espacement horizontal.
Je n'ai pas trouvé de "Modifier le header" dans la partie Design mais quand le vais dans Style et que je veux modifier le header, l'espacement vertical est déjà réglé à 0, tout comme l'espacement horizontal.
Re: Modifier position du header
Le Head et le header sont deux choses différentes.
Allez dans "paramètre" puis dans "modifier le head"
et collez ce code :
vous pouvez modifier la hauteur en changeant le premier "0px"
Allez dans "paramètre" puis dans "modifier le head"
et collez ce code :
- Code:
<style type="text/css">
/*<![CDATA[*/
.layout-alignment {margin: 0px auto 0px !important;}
/*]]>*/
</style>
vous pouvez modifier la hauteur en changeant le premier "0px"
Re: Modifier position du header
Cela fonctionne, mais je n'aurais jamais trouvé seul. Merci beaucoup à toi !
Re: Modifier position du header
Bonjour
j'ai aussi ce problème de marge haute importante (design san francisco ) j'ai appliqué le code de fredvig dans le head ... mais si ca marche chez typasta ca ne fonctionne pas chez moi
j'ai aussi ce problème de marge haute importante (design san francisco ) j'ai appliqué le code de fredvig dans le head ... mais si ca marche chez typasta ca ne fonctionne pas chez moi
Re: Modifier position du header
Le code est différent pour chaque page html, chaque design…
Nous aidons occasionnellement, mais c'est aussi pour vous encourager à lire les posts "les bases de modification de design", ou les tutos de la communauté jimdonaute.
Dans votre cas, vous avez deux class qui imposent deux marges :
Nous aidons occasionnellement, mais c'est aussi pour vous encourager à lire les posts "les bases de modification de design", ou les tutos de la communauté jimdonaute.
Dans votre cas, vous avez deux class qui imposent deux marges :
- Code:
.e-logo {
padding: 2em 0px;
.tpl-logo-header {
margin-top: 2.7rem;
}
Re: Modifier position du header
merci à vous Fredvig
ca marche, même si en mettant toutes les valeurs à zéro il reste encore 8 mm... mais c'est déjà bien mieux qu'avant.
avec les anciens Désigns ( sur deux anciens sites que j'avais créés ) j'avais tous les codes possibles - je trouve qu'ils étaient plus simples que maintenant.
il faut donc que je me remette en question et évoluer avec les nouvelles méthodes.
merci
Bnd
ca marche, même si en mettant toutes les valeurs à zéro il reste encore 8 mm... mais c'est déjà bien mieux qu'avant.
avec les anciens Désigns ( sur deux anciens sites que j'avais créés ) j'avais tous les codes possibles - je trouve qu'ils étaient plus simples que maintenant.
il faut donc que je me remette en question et évoluer avec les nouvelles méthodes.
merci
Bnd
Re: Modifier position du header
il y a ça encore :
.tpl-logo-header {
margin-top: 2.7rem;
et ça
.cc-single-module-element .j-imageSubtitle{padding: 5px !important;}
à modifier
.tpl-logo-header {
margin-top: 2.7rem;
et ça
.cc-single-module-element .j-imageSubtitle{padding: 5px !important;}
à modifier
Re: Modifier position du header
ca je l'ai déjà mis à zéro
a ce propos que veux dire l'unité de mesure ""rem" ???? - est ce une variante du code css "em" ??
a ce propos que veux dire l'unité de mesure ""rem" ???? - est ce une variante du code css "em" ??
Sujets similaires
» Barre Modifier le header
» Inverser la position du titre et du logo dans le header
» Modifier le header
» modifier le header
» modifier la hauteur du header
» Inverser la position du titre et du logo dans le header
» Modifier le header
» modifier le header
» modifier la hauteur du header
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum
|
|