reduire l'espace entre le titre et la navigation
4 participants
Page 1 sur 1
reduire l'espace entre le titre et la navigation
Bonjour,
je travaille sur le site http://www.leduplexdechiberta.com/ avec le design Bordeaux
j'aimerai réduire l'espace entre le titre et la navigation il suffit d'aller voir le site pour ce rendre compte que le design à un petit problème d'équilibre.
Pour vous faire part de mes recherches :
voici le code vierge qu'il faut que je personnalise :
<style type="text/css">
/*<![CDATA[*/
#header {display: none;}
/*]]>*/
</style>
je l'ai personnalisé comme ceci avec l'aide des infos du forum :
<style type="text/css">
/*<![CDATA[*/
#display: block {padding: 0px !important;}
#display: block {margin-top: 0px!important; padding: 0px !important;}
/*]]>*/
</style>
mais cela ne marche pas
j'ai lu les tutos et voici le code source de la partie à modifier :
<header class="jtpl-topbar">
<div class="jtpl-spacing">
<div class="jtpl-header layout-alignment">
<div id="cc-website-logo" class="cc-single-module-element">
<div id="cc-m-11042459424" class="n j-imageSubtitle">
<div class="cc-m-image-container">
<figure class="cc-imagewrapper cc-m-image-align-3" style="width: 1014px; display: block;">
<a href="http://www.leduplexdechiberta.com/">
<img id="cc-m-imagesubtitle-image-11042459424" src="http://u.jimdo.com/www70/o/s92eeb1c41dd07302/img/i75648b043792d906/1423667646/std/image.jpg" alt="" title="" class="" data-src-width="1650" data-src-height="476"/>
J'ai essayé, pas mal de variante comme :
<style type="text/css">
/*<![CDATA[*/
"jtpl-spacing": block {padding: 0px !important;}
"jtpl-spacing": block {margin-top: 0px!important; padding: 0px !important;}
/*]]>*/
</style>
et d'autres mais je n'ai pas assez de compétence
alors si vous pouvez m'apporter votre expertise, merci.
je travaille sur le site http://www.leduplexdechiberta.com/ avec le design Bordeaux
j'aimerai réduire l'espace entre le titre et la navigation il suffit d'aller voir le site pour ce rendre compte que le design à un petit problème d'équilibre.
Pour vous faire part de mes recherches :
voici le code vierge qu'il faut que je personnalise :
<style type="text/css">
/*<![CDATA[*/
#header {display: none;}
/*]]>*/
</style>
je l'ai personnalisé comme ceci avec l'aide des infos du forum :
<style type="text/css">
/*<![CDATA[*/
#display: block {padding: 0px !important;}
#display: block {margin-top: 0px!important; padding: 0px !important;}
/*]]>*/
</style>
mais cela ne marche pas
j'ai lu les tutos et voici le code source de la partie à modifier :
<header class="jtpl-topbar">
<div class="jtpl-spacing">
<div class="jtpl-header layout-alignment">
<div id="cc-website-logo" class="cc-single-module-element">
<div id="cc-m-11042459424" class="n j-imageSubtitle">
<div class="cc-m-image-container">
<figure class="cc-imagewrapper cc-m-image-align-3" style="width: 1014px; display: block;">
<a href="http://www.leduplexdechiberta.com/">
<img id="cc-m-imagesubtitle-image-11042459424" src="http://u.jimdo.com/www70/o/s92eeb1c41dd07302/img/i75648b043792d906/1423667646/std/image.jpg" alt="" title="" class="" data-src-width="1650" data-src-height="476"/>
J'ai essayé, pas mal de variante comme :
<style type="text/css">
/*<![CDATA[*/
"jtpl-spacing": block {padding: 0px !important;}
"jtpl-spacing": block {margin-top: 0px!important; padding: 0px !important;}
/*]]>*/
</style>
et d'autres mais je n'ai pas assez de compétence
alors si vous pouvez m'apporter votre expertise, merci.
Re: reduire l'espace entre le titre et la navigation
Bonjour
C'est bien la class .jtpl-spacing qu'il faut modifier
Vous avez des erreurs dans vos intitulés
Essayez ainsi
Après, si vous voulez remonter le contenu sous la têtière, ce sera ces valeurs à modifier sur le même principe :
C'est bien la class .jtpl-spacing qu'il faut modifier
Vous avez des erreurs dans vos intitulés
Essayez ainsi
- Code:
/*<![CDATA[*/
.jtpl-spacing {
margin:0px 0px 0px !important;
padding: 0px!important;}
/*]]>*/
</style>
Après, si vous voulez remonter le contenu sous la têtière, ce sera ces valeurs à modifier sur le même principe :
- Code:
.jtpl-container {padding: 76px 40px;}
Re: reduire l'espace entre le titre et la navigation
C'est mieux j'ai réussit à réduire l'espace entre le contenu et la têtière, par contre entre le titre et la navigation cela n'a pas fonctionné.
Il y a autre chose que j'aimerai bien modifier c'est la largeur de page le contenu est aligné à gauche sur tous les écrans.
Pourtant avec le design Bordeaux sur un autre site que j'ai en test, mes pages sont centrées sur la largeur de mon écran je n'ai pas vu de modification à faire à travers les menu en natif à moins que je sois passée à côté .
merci FredVig c'est agréable de trouver les réponses
Il y a autre chose que j'aimerai bien modifier c'est la largeur de page le contenu est aligné à gauche sur tous les écrans.
Pourtant avec le design Bordeaux sur un autre site que j'ai en test, mes pages sont centrées sur la largeur de mon écran je n'ai pas vu de modification à faire à travers les menu en natif à moins que je sois passée à côté .
merci FredVig c'est agréable de trouver les réponses
reduire les espaces et largeur de page
Bonjour,
Les codes :
.jtpl-container {padding: 76px 40px;}
et
/*<![CDATA[*/
.jtpl-spacing {
margin:0px 0px 0px !important;
padding: 0px!important;}
/*]]>*/
</style>
ont très bien fonctionné pour réduire les espaces il fallait juste que j'adapte le nombre de pixel j'ai donc mis :
<style type="text/css">
/*<![CDATA[*/
.jtpl-spacing {
margin:20px 20px 20px !important;
padding: 20px!important;}
/*]]>*/
</style>
et celui ci :
<style type="text/css">
/*<![CDATA[*/
.jtpl-container {padding: 0px 15px;}
/*]]>*/
</style>
Pour que le site soit au top, il me reste le problème de la largeur de page, c'est trop étroit, et donc un effet un peu "vieux site" j'ai choisi ce template car il était bien adapté au multilangue. Allez voir http://www.leduplexdechiberta.com/ le multilangue marche parfaitement bien.
il faut que je trouve la solution augmenter la largeur de page et centrer le contenu du site car il est aligné à gauche et c'est aussi un peu dommage. Aujourd’hui les sites sont tous centré et de pleine page c'est la tendance.
Les codes :
.jtpl-container {padding: 76px 40px;}
et
/*<![CDATA[*/
.jtpl-spacing {
margin:0px 0px 0px !important;
padding: 0px!important;}
/*]]>*/
</style>
ont très bien fonctionné pour réduire les espaces il fallait juste que j'adapte le nombre de pixel j'ai donc mis :
<style type="text/css">
/*<![CDATA[*/
.jtpl-spacing {
margin:20px 20px 20px !important;
padding: 20px!important;}
/*]]>*/
</style>
et celui ci :
<style type="text/css">
/*<![CDATA[*/
.jtpl-container {padding: 0px 15px;}
/*]]>*/
</style>
Pour que le site soit au top, il me reste le problème de la largeur de page, c'est trop étroit, et donc un effet un peu "vieux site" j'ai choisi ce template car il était bien adapté au multilangue. Allez voir http://www.leduplexdechiberta.com/ le multilangue marche parfaitement bien.
il faut que je trouve la solution augmenter la largeur de page et centrer le contenu du site car il est aligné à gauche et c'est aussi un peu dommage. Aujourd’hui les sites sont tous centré et de pleine page c'est la tendance.
Re: reduire l'espace entre le titre et la navigation
Mince, on a tout faux alors…Aujourd’hui les sites sont tous centré et de pleine page c'est la tendance.
Re: reduire l'espace entre le titre et la navigation
Peut être que je n'ai pas choisi le bon template le design barcelone ou le helsinki sont superbes !
Re: reduire l'espace entre le titre et la navigation
Bonjour,
je reste avec ma difficulté pour centrer la page de mon site dans le navigateur, j'ai cherché mais je ne trouve pas de solution. Peut être qu'il n'y a pas de solution le template choisit ne le permet pas.
Pour rappel le site est : http://www.leduplexdechiberta.com/ et le template est bordeaux apparemment Fredvig à pris la mouche il ne me répondra pas. je ne voulais pas t' offensé dommage.
je reste avec ma difficulté pour centrer la page de mon site dans le navigateur, j'ai cherché mais je ne trouve pas de solution. Peut être qu'il n'y a pas de solution le template choisit ne le permet pas.
Pour rappel le site est : http://www.leduplexdechiberta.com/ et le template est bordeaux apparemment Fredvig à pris la mouche il ne me répondra pas. je ne voulais pas t' offensé dommage.
Re: reduire l'espace entre le titre et la navigation
Ce modèle n'est pas centré par défaut donc pas possible de le changer. Même avec des codes, c'est difficile parce que sa structure n'est pas faite pour. Donc si vous vouliez un modèle centré, il ne fallait pas choisir un modèle non-centré.
Re: reduire l'espace entre le titre et la navigation
Merci pour la réponse, je vais rester avec ce Template et je changerai de Template à la prochaine évolution du site.
Re: reduire l'espace entre le titre et la navigation
Petite info pour les autres le Template Helsinki est centré et adapter au multilingue.
Re: reduire l'espace entre le titre et la navigation
Vous avez un index des designs avec les différentes fonctionnalités ici aussi : http://aide.jimdo.com/mise-en-page/index-des-designs/
Sujets similaires
» Réduire les espaces entre logo et barre de navigation dans Stockholm
» Réduire espace entre haut de page/titre/menu/corps - Design Rio de Janeiro
» Ajout zone de texte entre titre et barre de navigation
» Enlever espace entre logo et navigation et entre navigation et contenu
» Réduire l'espace entre le header et le body
» Réduire espace entre haut de page/titre/menu/corps - Design Rio de Janeiro
» Ajout zone de texte entre titre et barre de navigation
» Enlever espace entre logo et navigation et entre navigation et contenu
» Réduire l'espace entre le header et le body
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum
|
|