Trouvééééééé !!!Tssssss
Je t'explique ma démarche (intellectuelle) pour te montrer comment j'ai fait pour trouver.
Bon, en fait, de mon côté, j'avais juste testé avec
bg-warning et en dur, pas avec une définition personnelle.
Et j'ai donc fait EXACTEMENT comme toi
et ...
j'ai rencontré le même problème,
le script ne prenait pas en compte ma classe sur l'élément
figcaption.
Au départ, j'ai pensé au complément de classe "
hover".
J'ai donc ajouté une classe
.hovrframboise-bg:hover {
background-color: #920826;
}
mais, pareil, même problème.
Donc il fallait trouver une autre piste...
Or cela fonctionne avec des classes de bootstrap, vu qu'avec
bg-warning, c'est opérationnel.
J'ai donc édité le fichier éditable
bootsrap.css (plus simple pour lire le contenu que le fichier
bootstrap.min.css)
et j'ai cherché la classe
bg-warning.
Résultat :
.bg-warning {
background-color: #f5e625 !important;
}
Donc la différence est le "
!important".
Je l'ai donc reporté dans ma définition dans mon fichier css de personnalisation :
/* Fonds framboise */
.hovrframboise-bg {
background-color: #920826 !important;
}
Et... ça fonctionne !!!
Explication : Attention, je ne suis pas expert en css,
le tag
!important permet d'écraser les composants existant d'une classe car il passe prioritaire.
Voilà, c'est tout ce que je peux te dire, mais en tout cas, ça marche.
Et si un jour tu veux changer la couleur de toute une catégorie, au lieu d'aller dans chaque article, tu pourras juste modifier la déclaration de ta class
.hovrframboise-bg et l'impact sera immédiat sur tous tes articles qui utilisent cette classe.
Donc ne pas mettre en dur les styles !
Je pense avoir été complet... jusqu'au prochain problème
