Just want to increase Font size on a Tile Card past 20px

Configuration Frontend
1

Couple questions -

Is there a list of Card_mod commands listed somewhere? Seems like a fairly simple thing to post, but I can not find it anywhere.

Why are font sizes not listed in the Visual editor? Seems like a very common thing to use for Dashboards.

Main question - I just want to increase the font size on a Tile Card and it just chops off the font once past 20px. I have tried line-height, Row-height, height, font weight and even card content, but none of it does anything. I have looked at all the posts I can find and no one seems to talk about this. Here is my code so far - I removed all things that did not work and left row-height but it is not working as well. I want the secondary font size to be at least 30px so I can actually see it on my 10" wall display:

card_mod:
  style:
    .: |
      ha-card {
        background-color: green;
        border: 1px solid;
        border-color: black;
        border-radius: 10px;
              }
    ha-tile-info$: |
      .primary {
      font-size: 15px !important; 
      row-height: 50px;
            }
      .secondary {
      font-size: 20px !important; 
      row-height: 50px;
      }

And this with mushroom cards:

type: custom:mushroom-entity-card
name: Downstairs Temp
icon: mdi:temperature-fahrenheit
icon_color: green
layout: horizontal
primary_info: name
secondary_info: state
tap_action:
  action: more-info
entity: sensor.family_room_broadlink_hub_temperature
fill_container: false
card_mod:
  style:
    mushroom-state-info$: |
      .container {
       --card-secondary-font-size: 20px;
       --card-primary-font-size: 20px;
      }

Neither work, they just chop off the font if over 20px. This seems to be a common problem. I’ve found several posts, but none that seem to actually fix it. At least for me.

I keep seeing posts from Ildar_Gabdullin, but he never shows what post to look at. “Better to ask these questions in the already created dedicated thread. Go to the thread - 1st post - find link at the bottom - find your styles” Please include a link when referencing another thread, otherwise these recommendations are not usable.

Thanks
Apollo

2

I feel your pain.
It is so hard to follow an explained path to find not just one link to some example but a whole list of them - like hundreds other users do.
No, you seem to prefer a ready link to a solution, better a solution to your particular issue))).

3

Ildar’s point is sound! There are main threads for most topics that include an enormous amount of examples as well as the guides you seek.

If you look at it from his perspective, why continue to repeat the extensive info he previously provided across hundreds of other threads?

Card_Mod guide created by Ildar

Mushroom Threads here and here
I recently answered the question you seek here and in multiple other previous posts in the threads provided.

card_mod:
      style: |
        ha-card {
         --card-primary-line-height: 40px !important;
         --card-secondary-line-height: 40px !important;
         --card-primary-font-size: 40px !important;
         --card-secondary-font-size: 40px !important;
          }

Tile method was posted in the Main Card_Mod thread here

card_mod:
  style: 
   ha-tile-info$: |
    .info { 
      height: 4em!important;}
    .primary {
      line-height: 1.55em !important;   
      font-size: 1.55em !important;}
    .secondary {
      line-height: 1.55em !important;   
      font-size: 1.55em !important;}
1 Like