Modifier position du header

[typasta]

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.

[FredVig]

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;}

[typasta]

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.

[FredVig]

Le Head et le header sont deux choses différentes.
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>

Cela crée une feuille de style qui modifiera la marge par défaut.
vous pouvez modifier la hauteur en changeant le premier "0px"

[typasta]

Cela fonctionne, mais je n'aurais jamais trouvé seul. Merci beaucoup à toi !

[nanardb]

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

[FredVig]

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 :

Code:

.e-logo {
    padding: 2em 0px;
.tpl-logo-header {
    margin-top: 2.7rem;
}

Changez ces valeurs, et vous pourrez remonter la têtière.

[nanardb]

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

[FredVig]

il y a ça encore :
.tpl-logo-header {
margin-top: 2.7rem;
et ça
.cc-single-module-element .j-imageSubtitle{padding: 5px !important;}
à modifier

[nanardb]

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"  ??

[FredVig]

aucune idée.
voir google…

[Contenu sponsorisé]