Conseil sur les CSS

Utilisation du core de Jeedom
1

Bonjour,

J’utilise un widget tiers pour afficher les boutons on:off de radiateurs sous forme de radiateur:
2024-05-21_16h39_47
Avant la 4.4, cela se présentait comme ci-dessus, avec la 4.4, l’image est collée au bandeau bleu.
Pour retrouver cet espace, j’ai rajouté un padding-top de 10px.
Mon soucis est pour que cela soit opérationnel, il m’a fallu intervenir sur le fichier coreWidgets.css dans desktop/css.
Ce qui n’est pas propre car écrasé au prochain update.
J’ai essayé de mettre ce style dans le nouveau /desktop/custom/custom.css mais cela n’a aucun effet.
Voici le style :

div.eqLogic-widget div.cmds {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: flex-start;
  width: 100%;
  overflow: auto;
  padding-top: 10px;
}

Je suis passé par le menu Réglages/Système/Personnalisation avancée.
Comment faire ?
Merci

2

Salut,
Le bonheur se trouve ici en custom.css

https://phpvarious.github.io/documentation/widget/fr_FR/customcss4_4/

/* Ajouter une marge en haut des tuiles */
.eqLogic.eqLogic-widget > .widget-name {
  margin-bottom: 5px;
}
3

Merci,
Je n’avais pas vu cette page d’aide.
Je teste immédiatement

4

Malheureusement, cela ne change rien dans mon cas.
2024-05-21_16h58_31

5

Vous devez activer ceci dans réglages → système → personnalisation avancée

image