Comment avoir une couleur différente du TITRE pour chaque calendrier

[Mastrapi]

Bonjour à tous
Comment avoir une couleur différente du TITRE pour chaque calendrier (Le Brusc, Agenda Ludo, Jours Fériés), merci pour votre aide

[Mastrapi]

@sdetweil encore merci beaucoup, ca fonctionne

[sdetweil]

@Mastrapi you would have to do 4 instances of the calendar module

you can have different colors of events all in one instance

[Mastrapi]

@sdetweil J’ai fait cela

[sdetweil]

@Mastrapi OK, now there is a hard way, or easy way

hard way, use the developers window to get the ID assigned to each module instance
.opps it might change if the order in config.js changes

the easy way

add

classes:"....",

after the module:

with a unique string for each

then in custom.css

.xxxx .module header {
   color: vvvv;
}

vvvv is the color to use

note the leading dot in both cases

[Mastrapi]

@sdetweil Dans css j’ai renseigné cela

ou dois-je mettre classes:“???”, et que dois-je mettre à la place de ???

[sdetweil]

@Mastrapi sorry, typo on my part, phone knows better!

.module_header

{
     module"....",
      position:"....",
      classes:"......"
       config:{
             ....
       }
}

see here https://docs.magicmirror.builders/modules/configuration.html#module-configuration

[sdetweil]

@Mastrapi

classes

mom,
dad,
finances
travel

any meaningful string (in quotes of course)

[Mastrapi]

@sdetweil Désolé je ne comprend pas

de plus si dans css j’indique une couleur, tous les calendriers auront la même couleur, non ?

[sdetweil]

@Mastrapi Non, vous utilisez la valeur de chaque classe pour les rendre uniques.

.PAPA .module_header { 
     color: red;
 }

[Mastrapi]

@sdetweil Je suis vraiment désolé d’abuser de votre patience
Mais ca ne fonctionne pas
Regardez mon .js et mon .css
Qu’est ce qu’il ne va pas ? merci encore

[sdetweil]

@Mastrapi Mon erreur

.PAPA .module-header {
   color: xxx;
}

Tiret (-) au lieu de trait de soulignement (_)

Maintenant, votre .module-header
modifiera TOUS les en-têtes

[Mastrapi]

@sdetweil encore merci beaucoup, ca fonctionne