[RÉGLÉ] Elargir un onglet de quelques pixels

[JJJ75]

Bonjour à tous,

Je souhaite élargir l'espace qui se créé sous l'onglet Atelier Carreaux Anciens.
En effet, le terme Céramique Art Nouveau est collé avec le bord, j'aimerais espacer un peu.
Ici, retrouvez la page.

Avez-vous une solution ?
Merci !

[lesoutier]

Re : Elargir un onglet de quelques pixels

Sans l'url du site on a un peu de mal à voir.

[JJJ75]

Re : Elargir un onglet de quelques pixels

En effet, le lien n'a pas fonctionné ! Voici le site http://viktorius.fr

[toffffe]

Re : Elargir un onglet de quelques pixels

Salut
Tu peux modifier le padding de ul.art_hmenu>li>a pour l'agrandir
Si tu souhaites agrandir que pour cet item alors il faut que tu précises que tu veux faire cela juste pour item-180
Mais là ce n'est pas terrible comme résultat car tu es obligé d'agrandir ton premier niveau :-(
Donc le mieux est de modifier la largeur du ul qui est contenu dans ce menu soit

div.art_nav-center > ul > li.item-180.deeper.parent > ul{width: 300px}

...

[JJJ75]

Re : Elargir un onglet de quelques pixels

Super, merci pour la réponse !
Cela se trouve où dans le back office pour faire cette modification ?

[toffffe]

Re : Elargir un onglet de quelques pixels

Salut
Elle ne va pas se faire dans le back office, mais plutôt dans les feuilles css de ton template

[JJJ75]

Re : Elargir un onglet de quelques pixels

En effet, je suis allé dans template.css mais je ne trouve pas.
J'ai fais une recherche avec le item-180 mais il n'y a rien dans le document.

div.art_nav-center > ul > li.item-180.deeper.parent > ul{width: 300px}

Une idée ?

[toffffe]

Re : Elargir un onglet de quelques pixels

Tu ne trouveras rien c'est une nouvelle ligne de css a rajouter dans ton custom.css
item-180 c'est le numéro de l'item que tu souhaite toucher et par défaut ton template les touche tous en même temps donc tu ne trouveras pas cette ligne

[JJJ75]

Re : Elargir un onglet de quelques pixels

Dans les feuilles de styles, je n'ai pas custom.css

Mais plutôt :
- editor.css
- print.css
- template.css
- templateie6.css
- templateie7.css

[toffffe]

Re : Elargir un onglet de quelques pixels

Et bien tu peux mettre à la find e ton template.css, mais c'est toujours mieux d'avoir une feuille custom pour éviter les suppression lors des maj du template

[JJJ75]

Re : Elargir un onglet de quelques pixels

En effet, je comprends la création du custom.css
J'ai ajouté la ligne sur template.css mais l'écart n'a malheureusement pas bougé.

[JJJ75]

Re : Elargir un onglet de quelques pixels

Quelqu'un a une solution ?

Merci de votre aide !

[JJJ75]

Re : Elargir un onglet de quelques pixels

Personne n'a de solution ?

[fyleos]

Re : Elargir un onglet de quelques pixels

sur la ligne 765 ( ul.art_hmenu>li ) de template.css, essais de rajouter le padding en plus de margin-left:

ul.art_hmenu>li {
      padding: 0 10px;
      margin-left: 1px;
}

[JJJ75]

Re : Elargir un onglet de quelques pixels

Bravo Fyleos !
Tu as trouvé la solution, le sous-menu s'affiche parfaitement.

Merci beaucoup et belle journée !