Adjusting Humidity Display Size in Stack-in-Card

General
1

Hi everyone! I’ve been working on customizing my Stack-in-Card for temperature and humidity readings. While I’ve managed to set it up, I’m curious if there’s a way to make the humidity display slightly smaller than the temperature. I’ve tried a few things, but nothing seems to work perfectly.

Here’s what I have so far:
markdown

  • type: custom:stack-in-card
    mode: horizontal
    cards:
    • type: custom:mushroom-entity-card
      entity: sensor.bedroom_temperature
      icon_color: green
      primary_info: none
      secondary_info: state
    • type: custom:mushroom-entity-card
      entity: sensor.bedroom_humidity
      primary_info: none
      secondary_info: state
      card_mod:
      style: |
      :host {
      –mush-card-secondary-font-size: 40px;
      –mush-card-secondary-line-height: 45px;
      }
      ha-card {
      background-color: #002f7a90;
      }

I’ve tried adjusting the font size for humidity, but it doesn’t seem to take effect. Maybe there’s a different CSS property I should be using? Any tips or suggestions would be greatly appreciated! I’d love to make this display even more polished.

Looking forward to hearing from you all! :blush: