How to Change Google/Nest Hub Font Size

Configuration
1

I am casting a Lovelace view with a Mushroom card to a Google Nest Hub, but the font size is way too small. Changing the font size (see code below) works on the web and on my phone, but does not change the view on the Nest hub. Is there any way to fix this or is this a Nest Hub limitation?

type: conditional
conditions:
  - entity: sensor.nws_alerts
    state_not: '0'
card:
  type: vertical-stack
  cards:
    - type: custom:mushroom-title-card
      title: ''
      subtitle: National Weather Service Alerts
    - type: custom:mushroom-template-card
      primary: '{{ state_attr(''sensor.nws_alerts'', ''title'' ) }}'
      secondary: '{{ state_attr(''sensor.nws_alerts'', ''spoken_desc'' ) }}'
      icon: mdi:alert
      multiline_secondary: true
      fill_container: true
      icon_color: red
      layout: vertical
      card_mod:
        style: |
          ha-card {
            --card-primary-font-size: 24px;
            --card-secondary-font-size: 20px;
          }

Capture
Capture1005Ɨ198 15.8 KB

1 Like
2

@automateitall Did you find a fix for this? Iā€™m trying to do the same.

3

I did not. Sorry.

4

Changing the font size via the yaml above now works. Something must have been modified in a recent update.