Bonjour,
J’utilise des cartes - type: custom:text-divider-row pour séparer des sections, y a t’il possibilité de changer le texte de ces cartes pour renforcer la séparation
- type: custom:text-divider-row
text: BUREAU
Merci
bonjour, tu peux utiliser card_mod avec les réglages du theme de text-divider-row
type: entities
entities:
- type: custom:text-divider-row
text: essai
card_mod:
style: |
ha-card {
background: none;
box-shadow: none;
border: none;
--text-divider-color: #8Ab4f8;
--text-divider-font-size: 18px;
--text-divider-line-size: 5px;
--text-divider-margin: 50px;
}
le lien text-divider-row
une autre méthode
Bonjour,
des exemples avec card_mod:
type: vertical-stack
cards:
- type: entities
entities:
- entity: sun.sun
- type: custom:text-divider-row
text: default
- entity: sun.sun
- type: custom:text-divider-row
text: modded
card_mod:
style: |
:host {
--text-divider-line-size: 5px;
--text-divider-color: red;
--text-divider-font-size: 10px;
--text-divider-margin: 0px 4px 40px 64px;
}
- entity: sun.sun
- type: custom:text-divider-row
text: modded
card_mod:
style: |
.text-divider {
border-bottom: 3px dotted cyan !important;
}
.text-divider span {
color: orange !important;
background-color: green !important;
padding-left: 32px !important;
padding-right: 32px !important;
}
Merci, je devrais m’en sortir maintenant !
Bonjour,
J’utilise ton code dans une carte ‹ entities ›, c’est parfait. Par contre lorsque je l’utilise en tant que carte ‹ indépendante ›, cela ne fonctionne pas:
type: custom:text-divider-row
text: Salle à manger et terrasse
align: left
card_mod:
style: |
:host {
--text-divider-line-size: 5px;
--text-divider-color: black;
--text-divider-font-size: 15px;
--text-divider-margin: 0px px 40px 64px;
}
Et dans une carte ‹ entities › avec une seule carte, c’est ok:
type: entities
entities:
- type: custom:text-divider-row
text: Salle à manger et terrasse
align: left
card_mod:
style: |
:host {
--text-divider-line-size: 5px;
--text-divider-color: red;
--text-divider-font-size: 15px;
--text-divider-margin: 0px px 40px 64px;
}
Merci
Utilise le code avec entities card 
C’est ce que je fais mais je voulais faire avancer la science !
1 « J'aime »
Y aurait t-il moyen de jouer sur la hauteur de la carte, dans certains cas je les trouve un peu hautes !
En gros, la carte text-divider-row ne dispose pas de class ha-card. En utilisant la carte entities ca la rajoute et permet de modifier le CCS.
Sinon, il faut utiliser la carte mod-card ( inclus avec card_mod )
type: entities
entities:
- type: custom:text-divider-row
text: Salle à manger et terrasse
align: left
card_mod:
style: |
:host {
--text-divider-line-size: 5px;
--text-divider-color: red;
--text-divider-font-size: 15px;
--text-divider-margin: -10px 0px -20px 0px;
}
Pas pensé à mettre des valeurs négatives !!
1 « J'aime »