menu : hauteur des lignes

[daluz galego]

Bonjour
J'ai des sous-menus dans une page et j'aimerai réduire la hauteur des lignes (10 au lieu de 40px) de ceux-ci.
J'ai cherché dans mon "head" et, ai copié et modifié un code mais ça ne marche pas.
J'ai cherché dans "inspecter l'élément" et j'ai trouvé ce qu'il faut modifier... mais non, je n'y arrive pas.
Voici quelques codes que j'ai tentés :

<style type="text/css">
/*<![CDATA[*/
Li#cc-nav-level-1 {line-height: 10px;}
/*]]>*/
</style>

OU
<style type="text/css">
/*<![CDATA[*/
li#cc-nav-level-1 j-nav-level-1 {line-height:10px;}
/*]]>*/
</style>

OU
<style type="text/css">
/*<![CDATA[*/
ul#cc-nav-level-1 nav-level-1 {line-height: 10px;}
/*]]>*/
</style>

OU
<style type="text/css">
/*<![CDATA[*/
#nav-level-1 nav-level-1 {line-height: 10px;}
/*]]>*/
</style>

OU
<style type="text/css">
/*<![CDATA[*/
Li#cc-nav-view-653635852 {line-height: 10px;}
/*]]>*/
</style>

OU
<style type="text/css">
/*<![CDATA[*/
li#cc-nav-view-653635852.jmd-nav_list-item-0j-nav-has-children {line-height: 10px;}
/*]]>*/
</style>

OU
<style type="text/css">
/*<![CDATA[*/
ul.cc-nav-level-1.j-nav-level-1 {line-height: 10px;}
/*]]>*/
</style>

OU
<style type="text/css">
/*<![CDATA[*/
ul.cc-nav-level-1.j-nav-level-0 {line-height: 10px;}
/*]]>*/
</style>

OU
<style type="text/css">
/*<![CDATA[*/
#cc-nav-view-195439252 {line-height: 10px;}
/*]]>*/
</style>

OU
<style type="text/css">
/*<![CDATA[*/
a.cc-nav-current {line-height: 10px;}
/*]]>*/
</style>

OU
<style type="text/css">
/*<![CDATA[*/
li#cc-nav-view-195439252.jmd-nav__list-itam1 {line-height: 10px;}
/*]]>*/
</style>

Généralement, je m'en sors pas trop mal surtout depuis que j'ai découvert "inspecter l'élément" mais là, je cale
Merci pour votre aide.

Patricia - www.daluzgalego.com

[Alain]

Bonsoir Patricia,

vous avez joué à l'inspecteur gadget
Voilà le code à insérer :

Code:

<style type="text/css">
/*<![CDATA[*/
.navigation-colors .j-nav-level-1 a:link, .navigation-colors .j-nav-level-1 a:visited {line-height: 10px;}
/*]]>*/
</style>

Cordialement
Alain

[FredVig]

Au moins avez-vous essayé de trouver et c'est appréciable.

Pour inspecter ce type de menu, qui n’apparait qu'au survol, inspectez le menu, cliquez droit sur la ligne du code correspondant au menu, et sélectionnez :hover. Cela fera apparaître le sous-menu, que vous pourrez plus facilement inspecter.

[daluz galego]

Bonjour Alain, FredVig et tous
"L'inspecteur Gadget" vous remercie beaucoup (lol).
C'est nickel, ça marche. Je n'aurais pas pensé à construire mon code ainsi. Je vais voir plus en détail pour le comprendre... ça pourrait me servir
Oui, avant de demander, je cherche toujours... question de satisfaction personnelle (quand je trouve) et de ne pas être une "assistée" et une quiche ! Maintenant, si je ne sais vraiment pas faire, je demande aux personnes qui savent... les pros, vous
Bien cordialement
Patricia

[Contenu sponsorisé]