Modifier dans le head
5 participants
Page 1 sur 1
Modifier dans le head
Bonjour,
Je suis un débutant.
J'aimerais modifier la margin-top de la <div class="topbar navigation-colors"> sur mon site Electrodurable.jimdo.com (design Malaga).
Après avoir lu quelques tutoriaux (malheureusement peu nombreux car nouveau forum), j'ai rentré les données suivantes dans "modifier le head" :
<style type="text/css">
/*<![CDATA[*/
#topbar navigation-colors {
padding-top: 0px;
}
/*]]>*/
</style>
mais rien ne se passe.
Quelqu'un peut-il m'éclairer ? Merci d'avance.
Pierre
Je suis un débutant.
J'aimerais modifier la margin-top de la <div class="topbar navigation-colors"> sur mon site Electrodurable.jimdo.com (design Malaga).
Après avoir lu quelques tutoriaux (malheureusement peu nombreux car nouveau forum), j'ai rentré les données suivantes dans "modifier le head" :
<style type="text/css">
/*<![CDATA[*/
#topbar navigation-colors {
padding-top: 0px;
}
/*]]>*/
</style>
mais rien ne se passe.
Quelqu'un peut-il m'éclairer ? Merci d'avance.
Pierre
Re: Modifier dans le head
En fait, #topbar navigation-colors n'existe pas. la div que vous ciblez n'a pas d'identifiant, mais deux class :
.topbar et .navigation-colors dont voici les contenus :
.
.mainnav { margin: 45px 0px 5px;}
au total ça peut faire :
.topbar et .navigation-colors dont voici les contenus :
.
- Code:
.navigation-colors {
background-color: rgba(255, 255, 255, 0.9);
}
.topbar {
background-color: rgba(255, 255, 255, 0.9);
min-height: 100px;
padding: 10px 0px;
position: fixed;
right: 0px;
top: 0px;
width: 100%;
z-index: 100;
transition: min-height 300ms ease-in 0s;
}
- Code:
<style type="text/css">
/*<![CDATA[*/
.topbar {padding-top: 0px!important;}
/*]]>*/
</style>
.mainnav { margin: 45px 0px 5px;}
au total ça peut faire :
- Code:
<style type="text/css">
/*<![CDATA[*/
.topbar {padding-top: 0px!important;}
.mainnav { margin: 0px 0px 5px!important;}
/*]]>*/
</style>
Re: Modifier dans le head
Oui merci, grâce à ces explications, j'ai réussi à remonter le corps de la page plus près de la barre de navigation.
Mais il me reste à enlever le soulignement des liens et à centrer dans la hauteur les infos présentes dans la sidebar. Et mes essais sont vains! Vous pouvez m'aider?
Merci!!!
Mais il me reste à enlever le soulignement des liens et à centrer dans la hauteur les infos présentes dans la sidebar. Et mes essais sont vains! Vous pouvez m'aider?
Merci!!!
Re: Modifier dans le head
a:link, a:visited { text-decoration: none !important;
Je commencerai pas essayer ça, mais yen a peut-être d'autres (des class) à modifier
Pour centre en hauteur, ajoutez un espace en dessous (séparateur)
Je commencerai pas essayer ça, mais yen a peut-être d'autres (des class) à modifier
Pour centre en hauteur, ajoutez un espace en dessous (séparateur)
Re: Modifier dans le head
Bonjour à tous,
Tout d'abord merci à vous. Nous utilisons également le template Malaga et vos échanges nous sont très utiles.
Cependant impossible de faire remonter le corps de la page au plus près de la barre de navigation. Nous avons inséré dans le head le code suivant :
<style type="text/css">
/*<![CDATA[*/
.topbar {padding-top: 0px 0px!important;}
/*]]>*/
</style>
Pouvez-vous nous aider ?
Encore merci
Tout d'abord merci à vous. Nous utilisons également le template Malaga et vos échanges nous sont très utiles.
Cependant impossible de faire remonter le corps de la page au plus près de la barre de navigation. Nous avons inséré dans le head le code suivant :
<style type="text/css">
/*<![CDATA[*/
.topbar {padding-top: 0px 0px!important;}
/*]]>*/
</style>
Pouvez-vous nous aider ?
Encore merci
Re: Modifier dans le head
pourquoi deux fois 0px ?
il y a une seule valeur à padding-top (l'espace entre l'élément et l'élément supérieur en top : une seule valeur possible)
Cordialement
Modifier le head implique de comprendre ce que l'on fait, mais on ne peut comprendre qu'en essayant de le modifier.
il y a une seule valeur à padding-top (l'espace entre l'élément et l'élément supérieur en top : une seule valeur possible)
- Code:
<style type="text/css">
/*<![CDATA[*/
.topbar {padding-top: 0px !important;}
/*]]>*/
</style>
- Code:
.mainnav {margin: 25px 30px 25px 0px;}
- Code:
<style type="text/css">
/*<![CDATA[*/
.topbar {padding-top: 0px !important;}
.mainnav {margin: 0px 30px 25px 0px!important;}
/*]]>*/
</style>
Cordialement
Modifier le head implique de comprendre ce que l'on fait, mais on ne peut comprendre qu'en essayant de le modifier.
Re: Modifier dans le head
Merci pour les liens non soulignés, ça fonctionne. Sur cette base, je vais essayer de modifier leur aspect au survol...
J'ai eu le même besoin que Valentin, à savoir remonter le corps du site plus près de la navigation, et j'ai réussi en insérant ceci:
<style type="text/css">
/*<![CDATA[*/
.cc-content-parent{ margin-top: 22px!important;}
/*]]>*/
</style>
Peut-être pas très académique?...
J'ai eu le même besoin que Valentin, à savoir remonter le corps du site plus près de la navigation, et j'ai réussi en insérant ceci:
<style type="text/css">
/*<![CDATA[*/
.cc-content-parent{ margin-top: 22px!important;}
/*]]>*/
</style>
Peut-être pas très académique?...
Re: Modifier dans le head
En effet FredVig le deuxième 0 était en trop !
Merci Charlotte. Je ne sais pas si c'est très académique mais en tout cas ça marche
Je profite de vos connaissances et de votre sympathie pour vous demander deux choses :
- Faire un bouton identique à celui "Ajouter au panier" : Sur le template F4245 aucun problème. Cependant sur le template Malaga impossible de simuler le même bouton.
-Modifier la couleur dans le panier des boutons et de la barre de suivi
Je vous remercie par avance
Très bonne soirée
-
Merci Charlotte. Je ne sais pas si c'est très académique mais en tout cas ça marche
Je profite de vos connaissances et de votre sympathie pour vous demander deux choses :
- Faire un bouton identique à celui "Ajouter au panier" : Sur le template F4245 aucun problème. Cependant sur le template Malaga impossible de simuler le même bouton.
-Modifier la couleur dans le panier des boutons et de la barre de suivi
Je vous remercie par avance
Très bonne soirée
-
Re: Modifier dans le head
Pour ce qui est de la modification des couleurs du panier, des boutons et de la barre de suivi, c'est forcément possible dans les options du design, ou dans le style. Sur les anciens designs, c'était déjà possible en passant "Style" donc celà doit encore l'être, sans passer par des codes spécifiques.
Re: Modifier dans le head
Malheureusement nous ne pouvons pas accéder au mode édition sur la page /j/checkout... Alors que le nouveau onglet "Style" engendre une modification au clic sur la page active. En effet il était simple de le faire sur l'ancien template...
Sujets similaires
» Modifier Head Menu et Logo. Design: Melbourne
» "Modifier le head"
» Modifier le head pour creer une fenetre pop up
» Ajout de commentaire dans le head
» Modifier head avec taille police différente
» "Modifier le head"
» Modifier le head pour creer une fenetre pop up
» Ajout de commentaire dans le head
» Modifier head avec taille police différente
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum
|
|