Mushroom person card et card_mod

Entraide Home Assistant
,
1

Bonjour,
je voudrais modifier une carte mushroom person avec card_mod
j’arrive à modifier la taille et la couleur de fond mais pas la taille du texte
voici le code de la carte :

type: custom:mushroom-person-card
entity: person.yves
layout: horizontal
primary_info: name
secondary_info: state
icon_type: entity-picture
name: Yves
card_mod:
  style: |
    ha-card {
      height: 100px !important;
      width: 150px;
      background-color: #E1EFF6;
        }
  .:
    mushroom-state-info$: |
      .container {
       --card-secondary-font-size: 20px;
       --card-primary-font-size: 20px;
      }

voici le résultat :

image

merci de votre aide

2

bonjour,

essaye ceci :

        card_mod:
          style:
            mushroom-state-info$: |
              .container {
                --card-primary-font-size: ...px;
                --card-secondary-font-size: ..px;
              }
3

Merci de votre message
oui, ça marche mais je voudrais aussi modifier la taille
je ne peux mettre qu’un card_mod: et qu’un style:
j’ai lu qu’il fallait mettre .:
mais cela n’est pas pris en compte
merci

4

re, voici ma config si vous voulez essayer

    card_mod:
      style:
        mushroom-shape-avatar$: |
          .picture {
            display: flex;
            border-radius: 50%;
            {% if states(config.entity) == 'home' %}
              animation: pinggreen 3s infinite;
            {% else %}
              animation: pingred 3s infinite;
            {% endif %}
          }
          @keyframes pinggreen {
            0% {box-shadow: 0 0 5px 3px rgba(var(--rgb-green), 0.9);}
            100% {box-shadow: 0 0 5px 15px transparent;}
          } 
          @keyframes pingred {
            0% {box-shadow: 0 0 5px 3px rgba(var(--rgb-red), 0.9);}
            100% {box-shadow: 0 0 5px 15px transparent;}
          }
          .container {
            --icon-size: 40px !important;
          }
        mushroom-state-info$: |
          .container {
            --card-primary-font-size: ...px;
            --card-secondary-font-size: ...px;
          }
        .: |
          ha-card {
            background: none !important;
          }
5

Merci de votre réponse
voici le code de ma carte, mais la taille du texte n’est pas modifié ???

type: custom:mushroom-person-card
entity: person.yves
layout: horizontal
primary_info: name
secondary_info: state
icon_type: entity-picture
name: Yves
card_mod:
  style:
    mushroom-shape-avatar$: |
      .picture {
        display: flex;
        border-radius: 50%;
        {% if states(config.entity) == 'home' %}
          animation: pinggreen 3s infinite;
        {% else %}
          animation: pingred 3s infinite;
        {% endif %}
      }
      @keyframes pinggreen {
        0% {box-shadow: 0 0 5px 3px rgba(var(--rgb-green), 0.9);}
        100% {box-shadow: 0 0 5px 15px transparent;}
      } 
      @keyframes pingred {
        0% {box-shadow: 0 0 5px 3px rgba(var(--rgb-red), 0.9);}
        100% {box-shadow: 0 0 5px 15px transparent;}
      }
      .container {
        --icon-size: 100px !important;
      }
    mushroom-state-info$: |
      .container {
        --card-primary-font-size: 20 px;
        --card-secondary-font-size: 20 px;
      }
    .: |
      ha-card {
        background-color: #1EEEF6;
      }

et voici le résultat :

image

la taille de l’avator est bien modifié, ainsi que l’animation, mais la taille du texte n’est pas modifié ???

encore merci

6

faut accrocher le px au chiffre

7

eh oui, je venais de trouver et voulais vous le dire, mais vous avez été plus rapide …
encore merci

1 « J'aime »
8

oubliez pas de mettre en résolu si c’est bon pour vous :wink: