[Problème] Suppression du dégradé dans le footer

[patdal03]

Bonsoir,
Je n'arrive pas à savoir quelles valeurs il faut modifier pour supprimer le dégradé dans le bandeau bas de mon site en position footer.
Le template du site est cassiopéia
Je vous adresse des copies écrans.
D'avance merci de vos conseils.
@+

footer.txt

[Helloo]

Bonsoir,

A ajouter dans le user.css

.footer {
background-image: none!important;
}

[patdal03]

Bonsoir,
le code HTML ne modifie pas le dégradé :
.footer { background-image: none!important; }

j'ai testé aussi sans grands résultats :
.footer {
background-image: linear-gradient(
135deg,var(--cassiopeia-color-primary),#eeb9c4);
}

.footer {
background-image: linear-gradient(
135deg,var(--cassiopeia-color-primary);
}
Je sèche.
@+

[Helloo]

Bonsoir,
le code HTML ne modifie pas le dégradé :
.footer { background-image: none!important; }

j'ai testé aussi sans grands résultats :
.footer {
background-image: linear-gradient(
135deg,var(--cassiopeia-color-primary),#eeb9c4);
}

.footer {
background-image: linear-gradient(
135deg,var(--cassiopeia-color-primary);
}
Je séche...

Je vous adresse une copie du user.css :
:root{
--cassiopeia-color-primary : #eeb9c4;
--cassiopeia-color-link: #30638d;
--cassiopeia-color-hover: #954b56;
}
/*couleur bandeau*/
.container-header {
background: var(--cassiopeia-color-primary);
}
/* Change couleur des fonds*/
body {
background-color : #eeb9c43d;
}
/*taille du logos*/
.container-header .navbar-brand img {
width: 35rem;
min-width: 18rem;
}

.card {
background-color : #eeb9c4!important;
}

@+

Il manque le code que je vous ai donné dans votre user.css, et n'oublier pas de bien vider le cache.

[patdal03]

Bonsoir,
J'ai bien vidé le cache de joomla.
En vidant aussi le cache du navigateur c'est nettement mieux...
Le code est bon.
Petite question :
J'ai utilisé l'inspecteur de chrome pour modifier le code et les deux codes suivants fonctionnent.
Lequel est le plus logique et le plus adapté ?
en 1 :
.footer {
background-image: linear-gradient(
135deg,var(--cassiopeia-color-primary),#eeb9c4);
}

en 2 :
.footer {
background-image: none!important;
}
D'avance merci pour vos réponses.

@+