[Réglé] modification couleur des liens actif dans un module template helix ultimat

[calavero]

bonjour, je début avec joomla , voici mon site https://www.alsace-visites-guidees.com/
template : helix ultimate

je bloque sur la modification de la couleur du liens une fois actif dans un module a droite , "Visite guidée de Colmar" par exemple sur la page si dessous , le but de ce menu étant de facilité le repérage du visiteur, je souhaiterais que le liens actif apparaisse en rouge ou bleu..
https://www.alsace-visites-guidees.c...ttoresque.html

j'ai créer un petit custom.css , et dans le module j ai ajouté un suffixe : red (avec un espace devant)

maintenant avec ou sans la mention red dans le code mes liens du module apparaisse en rouge.. je dois oublié quelque chose mais je vois pas quoi

}
#sp-right .sp-module red ul> li> a:active {
color:#FF0000!important;
}

Merci d'avance

edit: j ai fais des essais avec le code ci dessous mes liens deviene bien bleu au survol mais avec la mention :active c est juste au moment du clique que je vois la bonne couleur, apres chargement le liens redeviens comme les autres

.sp-module ul > li > a:hover {
color: blue!important;
}

edit II :
j ai reussi a modifié la couleur en violet : petite question y a moyen d'optimiser cette ligne ?, j y suis pas arrivé en utilisant la méthode d'attribué un suffixe..

#sp-right .sp-module div ul li ul li a.mod-articles-category-title.active {
display: block;
font-weight:bold;
color: #990099!important;
}