[Problème] Entré .container-banner -overlay dans user.css pas prise en compte

[Djeck6205]

Bonjour,
J'utilise la dernière version J4.0.6
Sur ma page d'accueil j'ai créé un banner avec un texte overlay ( Un module de type Custom placer en position BANNER avec une image de fond)
J'ai voulu changer la hauteur de ce module et j'ai ajouté cette entrée dans user.cc

.container-banner .banner-overlay {
height: 40vh;
}

Mais ça ne fonctionne pas j'ai toujours la valeur 70vh, comme le montre la copie d'écran de l'inspecteur Firefox qui me montre que les 70vh sont du code "inline" alors que la valeurs dans user.css n'est pas prise en compte ( tracée par Firefox)


Est-ce que quelqu'un peut me dire d'ou provient cette valeur de 70vh qui a la priorité sur user.css ??

Merci pour votre aide
Djeck

[pmleconte]

Bonjour,

Dans votre user.css, essayez d'ajouter !important pour devenir prioritaire => height: 50vh !important;

Concernant la provenance du inline, elle peut venir d'une surcharge au niveau de votre template ou du contenu de votre custom module.

Un lien vers votre page pourrait nous aider à voir d'où vient le problème.

Pascal

[Djeck6205]

Merci Pascal pour le rapide retour.

J'ai oublié de préciser, j'utilise Cassiopeia comme template.
J'ai pensé à regarder dans la config du module et du template, mais j'ai pas trouvé d'endroit ou cette valeur de 70 était spécifiée, mais c'est peut-être juste mes yeux ;-)

Je vais déjà essayé votre solution avec le tag "!important", mais ce qui m'intéresserais c'est de savoir d'où provient la surcharge. Parce qu'elle ne vient évidemment pas de nulle part.

Bonne soirée

Djeck

[woluweb]

Sans doute un pb de cache. Ou alors le user.css pas dans le bon dossier ?

Voir ma dernière présentation sur Cassiopeia sur https://slides.woluweb.be

[Djeck6205]

Merci Woluweb pour la suggestion, mais non c'est pas un problème de cache et le user.css est dans le bon dossier, puisque qu'il est bien affiché dans l'inspecteur de la page web (voir image)

J'ai essayé le tag "!Important" suggéré par Pascal et ça fonctionne. Mais j'aime pas trop cette solution, j'aurais préféré savoir d'où provient le code inline qui force la hauteur 70vh.

Si quelqu'un à une autre idée je suis preneur.

Merci pour votre aide
Djeck