Question Class CSS menu prinipal

bonjour,

Tout d'abord, je m'excuse de poser une question aussi basique mais j'ai déjà lu pas mal de documentation et malgré cela, je ne sais pas pourquoi, je bloque. Je ne parviens pas à appliquer une class à mon menu principal.

Pour ce faire, j'ai mis dans la configuration du module

-
Suffixe CSS de menu: menuprincipal (avec un espace devant menuprincipal)

Suffixe de classe CSS: menuprincipal (avec un espace devant menuprincipal)


Puis, j'ai renseigné dans le fichier custom.css de mon template:

div.moduletable menuprincipal { background-color: #FFFFD2;}
.menuprincipal h3, .menuprincipal ul, .menuprincipal a { color: #8B4513;}

la table par défaut de joomla est moduletable


<div class="moduletable">
<h4>Menu principal</h4>
<ul class="nav menu">
<li class="item-101 current active deeper parent">
<a href="/fr/">Accueil</a>
<ul class="nav-child unstyled small">
<li class="item-129">
<a href="/fr/accueil/les-communiques-publics">Les communiqués</a>
</li>
<li class="item-208">
<a href="/fr/accueil/calendrier/month.calendar/2015/03/21/-">Calendrier</a>
</li>
</ul>
</li>
<li class="item-130 deeper parent">
<a href="/fr/le-sact">Le SACT</a>
<ul class="nav-child unstyled small">
<li class="item-131">
<li class="item-132">
<li class="item-133">
</ul>
</li>
<li class="item-137">
<a href="/fr/les-liens-utiles">Les liens utiles</a>
</li>
<li class="item-138">
<a href="/fr/contactez-nous">Contactez-nous</a>
</li>
<li class="item-158">
<a href="/fr/plan-du-site">Plan du site</a>
</li>
</ul>
</div>

ps le code n'est pas le code final, juste un code pour voir si ma classe est prise en copte, ce qui n'est pas le cas bien sûr.


- J'aimerai juste pouvoir décalé les LI par rapport au UL
- Mettre en gras, les UL

C'est tout.


Qu'en pensez-vous ? Je ne dois pas être loin de la solution, mais là, je suis largué.

Merci beaucoup.










<div class="moduletable menuprincipal">
<h4>Menu principal</h4>
<ul class="nav menu menuprincipal">
<li class="item-101 current active deeper parent">
<li class="item-130 deeper parent">
<li class="item-137">
<li class="item-138">
<li class="item-158">
</ul>
</div>

site hors ligne pour le moment

login: joomla.aide
mdp: joomla
*************

template perso fait avec template-creator

Merci

Et désolé pour mon explication pas clair du tout.

Merci beaucoup pour ton aide

Effectivement, si je mets les styles dans template.css cela fonctionne.

Si je mets, ces styles dans custom.css, cela ne fonctionne pas. je vais voir pourquoi !

Maintenant, si je rajoute un suffixe (menuprincipal dans le module du menu, cela doit fonctionner aussi ?


Merci pour la piste (ou la solution)


je teste le code suivant (j'ai ajouté une classe css au module menuprincipal (avec un blanc devant la classe)


ul.menu.menuprincipal {
font-weight:normal;
}

ul.menu.menuprincipal li {
padding-left:10px;
}

ul.menu.menuprincipal li li{
padding-left:10px;
list-style-position: outside;
list-style-type:disc;
}

Mais je ne parviens pas à décaler la puce de 10 px.