Titres en soulignement des sous-catégories (sur top menu xxl)

[edjou]

Bonjour tout le monde,

 

 

Je me permet d'écrire un mail sur le forum afin d'avoir une petite aide. 

 

Version prestashop : 1.6.1.3

site :  https://www.stores-folies.fr/fr/

 

Je m'explique :

 

Je voudrais souligné les titres de mes sous-sous catégories (exemple : dans "stores vénitiens", ce sont les titres : lame 16 mm - lame 25 mm - lame 50 mm). 

 

Dans : thèmes/perlamoda/css/modules/categoriestopmenuxxl/views/css/front/categoriestopmenuxxl.css/166  j'arrive à le faire en ajoutant une ligne : text-decoration:underline;   mais petit problème, cela me surligne également les sous-sous-sous catégories :   ex : manœuvre par cordon-tige - manœuvre chaînette etc ..)

 

 

 

Quelqu'un pourrait-il m'aider ? 

 

Ci-joint une impression écran de ce que je souhaiterais ...

 

 

Merci à tous d'avoir pris temps de lire mon message,

Edouard

[Guest]

Bonjour tout le monde,

 

 

Je me permet d'écrire un mail sur le forum afin d'avoir une petite aide. 

 

Version prestashop : 1.6.1.3

site :  https://www.stores-folies.fr/fr/

 

Je m'explique :

 

Je voudrais souligné les titres de mes sous-sous catégories (exemple : dans "stores vénitiens", ce sont les titres : lame 16 mm - lame 25 mm - lame 50 mm). 

 

Dans : thèmes/perlamoda/css/modules/categoriestopmenuxxl/views/css/front/categoriestopmenuxxl.css/166  j'arrive à le faire en ajoutant une ligne : text-decoration:underline;   mais petit problème, cela me surligne également les sous-sous-sous catégories :   ex : manœuvre par cordon-tige - manœuvre chaînette etc ..)

 

 

 

Quelqu'un pourrait-il m'aider ? 

 

Ci-joint une impression écran de ce que je souhaiterais ...

 

 

Merci à tous d'avoir pris temps de lire mon message,

Edouard

 

La solution est effectivement de rajouter cette ligne de code vers 166 comme tu l'avais fait :

#categoriestopmenuxxl ul ul ul li a {
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 12px;
    color: #333333;
    padding: 2px 0 !important;
    text-decoration: underline;
}

ensuite il faut rajouter ce petit bout en plus :

#categoriestopmenuxxl ul ul ul ul li a {
    text-decoration: none;
}

et ligne 152 pour avoir ta petite marge il faut par exemple rajouter un margin-bottom :

#categoriestopmenuxxl ul ul ul {
    display: block;
    background: none;
    border: 0;
    position: relative;
    top: 0 !important;
    height: auto;
    overflow: hidden;
    padding: 0;
    margin-bottom: 15px;
}

Voilà !

[edjou]

Re-bonjour,

 

 

Impeccable ça marche.  Un grand merci pour avoir pris le temps de m'aider   !!!

 

 

 

 

Cordialement,

Edouard

[Guest]

de rien, ravis de t'avoir dépanné !

 

par contre le tag BEST answer, il est pour moi normalement, mais ça arrive tout le temps que le posteur se mette lui même ce tag pour se féliciter, tu peux encore corriger.. lol

[edjou]

Mince, désolé lol ... je suis novice sur le forum ..

Pouvez-vous me dire comment modifier ? je le ferais avec plaisir !!

[Guest]

héhé.. merci, je crois que vous avez trouvé tout seul comment déplacer ce fameux TAG de la gloire !! ^^^  ça fait un bien fou de voir ça sur son post.. j'ai les chevilles qui enflent !

[Guest]

héhé.. mais en fait, pour que ça puisse servir d'exemple à tout le monde, c'est ce post là : https://www.prestashop.com/forums/topic/603947-titres-en-soulignement-des-sous-catégories-sur-top-menu-xxl/?p=2536372

 

qui devrait avoir le tag

 

comme ça un utilisateur ayant le même souci que toi, tombes sur ce post et vois direct le réponse, sans s'embêter à lire les commentaires inutiles comme celui-ci.

[edjou]

héhé c'est normal !! vous avez répondu très rapidement et qui plus est de manière efficace !! 

Si vous voulez un autre TAG de la gloire ^^, vous pouvez répondre à mon autre sujet : 

https://www.prestashop.com/forums/topic/604186-calque-image-produit-attribut/

 

Un fois cela fait, je démarre mon site grâce à vous !!!

 

 

 

Merci beaucoup en tout cas, 

Cordialement,

Edouard