[Problème] Couleur de fond des modules

[ochisang]

Bonjour à tous,
J'ai bien réussi à modifier la couleur de fond de plusieurs modules comme le "footer", le "Topbar" par exemple mais je n'arrive pas à modifier la couleur du fond du module "menu".
Pour cela, j'ai écrit la phrase suivante dans mon fichier CSS pour les modules "footer" et "topbar" :
.container-footer
{
background: #707078;
}
.container-topbar
{
background-color: #ffffff;
}

vous remarquerez que j'ai essayé avec "background" et "background-color" et les 2 commandes fonctionnent.

Toutefois et là est le probleme, c'est qu'en utilisant la même commande, que ce soit avec "background" ou "background-color, rien ne change à la couleur de fond du module menu ! il reste bleu et l'ecriture des liens de menu blanche
.container-menu
{
background-color: #ffffff;
}

si quelqu'un pouvait m'apporter de l'aide, je vous en remercierai vivement.
Bien à vous
Ludovic

[Helloo]

Bonjour,

Difficile à dire comme ça. As-tu un lien au problème ?

[ManuelVoileux]

Bonjour,
pour modifier les couleurs de cassiopeia j'utilise le code suivant ajouté dans le user.css (ajuster les couleurs à votre goût)
j'applique la classe "exemple", à l'affichage des pages des liens de menus.
Et je crois que le bandeau dans lequel s'affiche le menu horizontal de voileux.org, affiche un gradient de couleur depuis dark-color , jusqu'à light color. Voir le site https://colours.joomla.com/

/*!
 * changer les couleurs de cassiopeia
*  https://colours.joomla.com/
 */
.exemple{
--test: #ff0000;
--dark-color: #000055;
--light-color: #000099;
--main-background: #dbe5ef;
--border-color: #8aa4bf;
--card-header-background: #b7ccd2;
--card-background:#dbe5ef;
--selection-background: #ffcc70;
--text-light: #e0e5ef;
--text-dark : #001f3f;
--cassiopeia-color-primary: var(--dark-color);
--link-color: var(--dark-color);
--cassiopeia-color-hover: var(--light-color) !important;
--cassiopeia-color-gradient-end: var(--dark-color);
--cassiopeia-color-gradient-start: var(--light-color);
}
​

pour modifier les couleur de mon menu dropdown , j'utilise le code css suivant, ajouté dans le user.css

.metismenu.mod-menu .metismenu-item > ul {
background-color: var(--main-background); /* background color of your dropdown menu */
border: 1px solid var(--border-color); /* border color of your dropdown menu */
}
.metismenu.mod-menu .metismenu-item > ul a {
color: var(--dark-color); /* text color of your dropdown menu links */
}
​

Je n'ai rien inventé , mais je n'ai pas noté où j'ai copié ce dernier morceau de code.

Sinon pour changer la couleur de fond ou ajouter une image de fond sur tout le site, sur un article, ou un module personnalisé, j'utilise l'action bg-image du plugin UP ! de lomart
https://up.lomart.fr/demo/action-bg-image.
C'est comme celà que j'affiche le bateau sur la mer en image de fond du site.

[ochisang]

Bonjour et merci pour votre retour. j'essaie ça au plus vite!
très belles fêtes de fin d'année
ludovic

[Helloo]

Pour le template Cassiopeia il existe aussi un générateur de couleur :

https://colours.joomla.com/

[lefabdu51]

le code que tu fournis doit être dans une pseudo classe root.

:root {
--cassiopeia-color-primary: blue;
--cassiopeia-color-hover: blue;
}​