Modifier le fond des Time label sur les informations ou commandes?

[Henri]

Bonsoir à tous,

Y-a-t-il un code CSS pour que l’info de dernière modif. ne soit pas auréolé de gris ?
Et comment l’appliquer que sur les commandes souhaitez (ici que sur celle en jaune)
Vous remerciant par avance !

[Furaxworld]

@Henri

Question annexe à la première, y-a-t-il un code pour que l’indo de dernière modif. ne soit pas auréolé de gris ?

Salut Henri,

custom.css

.timeCmd.label {
    background: transparent !important;
}

[Henri]

Merci Furaxworld.
Je l’ai fais, et comme attendu ça marche partout (et donc aussi à des endroit où pas souhaiter)

Pour l’appliquer uniquement sur quelques commande
Est-ce qu’il y a une technique comme évoqué dans ce post :

Appliquer un CSS sur un élément du Design

Bonjour à tous, Je n’arrive pas à appliquer un CSS sur un élément de mon Design. Je suis sous Jeedom V4. Voici ce que j’ai fait : Du côté de la configuration avancée de Jeedom [image] Du côté de la configuration de mon élément de Design [image] Merci pour votre aide. Mathieu

et utiliser le CSS direct dans le design ?
J’ai fais cela, mais sans résultat :

Ou dois-je utiliser (en ajoutant #ID#

.timeCmd.label #851# {
    background: transparent !important;
}

Ou ainsi :

[data-eqlogic_id="851"] . timeCmd.label {
    background: transparent !important;
}

(vue ici :
Jeedom v4 Interface | Jeedom by KiboOst)
(j’ose pas tester dans la zone CSS personnalisé, j’ai peur de tout planter…)

[Spine]

Bonjour,

Configuration du composant :

custom.css :

[data-page="plan"] [data-cmd_id="XX"] .timeCmd.label {
	background: transparent !important;
}

[data-page="plan"] :is([data-cmd_id="XX"], [data-cmd_id="YY"]) .timeCmd.label {
	background: transparent !important;
}

C’est au choix, l’important c’est de rester cohérent partout pour s’y retrouver plus tard.

[Henri]

Merveilleux !
je viens également de comprendre le role des 2 case du CSS…

@Spine

l’important c’est de rester cohérent partout pour s’y retrouver plus tard.

Très vrai… Dans ce cas / sur les design, je passerai par la première voie, comme ça je sais où le changer…

Dans la foulé / sur la même icone, si tu passes par là :

Position X-Y sur le centre d'une commande et non le coté gauche, c'est possible?

Bonsoir à tous, c’est un détail, mais parfois casse pied, et je trouve pas la réponse. Quand on place une commande (ou un virtuel) sur un Design on le positionne en fixe, et on dirait que ça référence est à gauche. Du coup, s’il change de taille, il se décalle ! (ce qui n’est pas les cas d’un texte en css ou l’option est dispo). Comme dans cette exemple, à cause du Time | Date qui change de taille (voir la cloche qui se décentre par rapport au « Arret ») : [Capture d’écran 2024-10-09 à 13.…

Mais je pense pas que c’est du CSS… J’ai vue « centré dans un tableau » mais pas de « centrer la référence »…

PS : Merci beaucoup @Furaxworld pour ton premier retour / te souhaitant une très bonne journée.

[Henri]

Et pour changer la couleur de la police ?

font-color
color
ne fonctionne pas…

Il fallait le IMPORTANT ! :

[Spine]

Tu es sûr ? Chez moi c’est OK :

[Henri]

Je viens d’enlever le "!important " et… ça reste noir…
Je sais pas, j’aurais peut-être du recharger la page…?

[Spine]

@Henri

Je sais pas, j’aurais peut-être du recharger la page…?

Ca ne peut jamais faire de mal, surtout quand on modifie des propriétés CSS.
L’essentiel est que ça fonctionne, le flag !important permet de prendre le dessus sur une propriété qui a déjà ce flag, si elle ne l’a pas (ce qui le cas : ) le résultat sera le même avec ou sans ce flag.