Modifier la couleur de fond d'un module

[makhno21]

Bonjour à tous, j'utilise Joomla 4 avec le template Cassiopeia, j'aimerai changer la couleur de fond de mon module de pied de page (position debug). Il est transparent et je voudrai qu'il soit de la même couleur que mon entête)
(voir mon site : http://monsieursam.com/index.php)
Quelqu'un aurait une idée ?

[lomart]

Bonjour et bienvenue

Le module n'est pas en position debug. Mais cela n'a pas d'importance
dans le fichier custom.css (ou user.css, les 2 noms sont admis) du dossier css du template il faut ajouter la règle

#mod-custom127 {
background: #636262;
color: #fff;
}

[Helloo]

Bonjour et bienvenue

...
dans le fichier custom.css (ou user.css, les 2 noms sont admis)...[/CODE]

Bonjour,

Avec certain template, comme Cassiopeia par exemple, uniquement un fichier user.css est accepté. Un fichier custom.css n'est pas reconnu.

[lomart]

C'est uniquement user.css. J'avais installé un plugin qui charge aussi custom.css

[makhno21]

Bonjour,
et merci pour votre réponse, si je comprend bien, je dois créer un fichier custom.css dans lequel je copie le code donné précédemment et le déposer dans le répertoire css du template ?

[makhno21]

Bonsoir,
je m'excuse de revenir sur ma question, mais je ne comprend pas tout. je crée un fichier user.css avec le code donné par Iomart que je dépose dans le dossier css de mon template (cassiopia), mais je ne vois pas comment le lien se fait entre le module et le fichier user.css.
Vous pouvez m'éclairer ?

[Helloo]

Bonsoir,
je m'excuse de revenir sur ma question, mais je ne comprend pas tout. je crée un fichier user.css avec le code donné par Iomart que je dépose dans le dossier css de mon template (cassiopia), mais je ne vois pas comment le lien se fait entre le module et le fichier user.css.
Vous pouvez m'éclairer ?

Il faut enlever /* avant et */ qui se trouve a la fin, pour avoir uniquement ce code:

#mod-custom127 {
background: #636262;
color: #fff;
}

[makhno21]

Super, ça fonctionne.
Mais je n'est toujours pas compris comment se fait le lien entre user.css et le module en question, à quoi correspond la ligne #mod-custom127. J'aimerai pouvoir modifier de la même façon le background d'autres module. En tout cas merci pour votre aide.

[woluweb]

Dans le code HTML de votre page, on voit que l'identifiant (id) de ce module est

id="mod-custom127"

Il faut donc simplement utiliser la Console / l'Inspecteur de votre navigateur
(et si vous ne savez pas ce que c'est, une rapide recherche sur un moteur de recherche vous donnera plein de tutos / d'explications)

[makhno21]

Merci pour la précision, j'utilise l'inspecteur de firefox, mais je n'avais pas compris le système d'identification des modules. Donc si je met en place un autre module et que je veux faire en sorte qu'il soit avec un fond blanc par exemple, il me suffit d'ajouter le code correspondant dans le fichier user.css ?