Jump to content
Klaus Boutik

[Résolu ] Modifier la couleur sous-titres de la sous-categorie

Recommended Posts

Bonjour
Je souhaiterais modifier la couleur des sous-titres de la sous-categorie qui apparaissent en blanc sur fond gris donc presque illisible : ici
Impossible de trouver comment changer cette couleur!
Comment procéder ? Merci
 
Ci-dessous le code récupéré avec Firebug : en rouge le texte à coloriser

<div id="subcategories">

<h3>Sous catégories</h3>
<ul class="inline_list">
<li>
<a title="Hubrig : decorations de Noel traditionnelles pour sapin" href="http://www.klaus-boutik.com/42-hubrig-decorations-de-noel-traditionnelles-pour-sapin">
<img alt="" src="/c/42-medium/hubrig-decorations-de-noel-traditionnelles-pour-sapin.jpg">
</a>
<br>
<a href="http://www.klaus-boutik.com/42-hubrig-decorations-de-noel-traditionnelles-pour-sapin">Hubrig : decorations de Noel traditionnelles pour sapin</a>
</li>
<li>
<a title="Ratags : decorations de Noel en bois pour sapin" href="http://www.klaus-boutik.com/46-ratags-decorations-de-noel-en-bois-pour-sapin">
<img alt="" src="/c/46-medium/ratags-decorations-de-noel-en-bois-pour-sapin.jpg">
</a>
<br>
<a href="http://www.klaus-boutik.com/46-ratags-decorations-de-noel-en-bois-pour-sapin">Ratags : decorations de Noel en bois pour sapin</a>
</li>
</ul>
<br class="clear">
</div>
<br>
</div>
Edited by Klaus Boutik (see edit history)

Share this post


Link to post
Share on other sites

il faut créer une règle dans le fichier global.css

#subcategories ul.inline_list li a {
    color:#000000!important;
}

Share this post


Link to post
Share on other sites

Ca fonctionne, merci beaucoup.

J'ai même rajouté du gras pour une meilleure lisibilité.

Pour info que signifie le  !important; ? Dois je le rajouter également à la ligne bold comme ceci :

 

#subcategories ul.inline_list li a {
    color:#890404!important;
    font-weight: bold!important;
}

 

Share this post


Link to post
Share on other sites

le !important signifie que votre règle est prioritaire sur les autres.

vous pouvez l'utiliser pour être certain que votre règle CSS s'applique.

 

N'oubliez pas de rajouter RESOLU à votre titre

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More