Changing Title Size in Lovelace Cards?

Configuration
1

I know there is the card modder plug-in but how would I use that in conjunction with another custom card?

I have this one card below that is split into two but I want to shrink the title on the Weather Card because it overlaps the temp on smaller screens.

cards:

  • entities:
    • entity: person.1
    • entity: person.2
    • entity: person.3
    • entity: person.4
    • entity: person.5
    • entity: person.6
    • entity: person.7
      title: Family
      type: glance
  • break
  • entity: weather.dark_sky
    icons: /community_plugin/weather-card/icons/
    name: Kerr Creek
    type: ‘custom:weather-card’
  • break
    column_num: 1
    layout: vertical
    max_width: ‘70%, 300px, 30%’
    type: ‘custom:layout-card’

What is the best way to get this to work?

1 Like
2

Using card mod you do the following…

            style: |
              .card-header {
                font-size: 12px;
              }
2 Likes