How to increase font size on graph-card

Configuration Frontend
1

How do I increase the font size for the Min and Max readings on these graph-cards?

The Min, 18.7C, and 02:50 on the Lounge card are inside a div.flex.info container so I tried card mod., but it didn’t work …

card-mod:
  style: |
    :div.flex.info { font-size:10px }

screenshot
screenshot560×285 11 KB

type: horizontal-stack
cards:
  - type: custom:mini-graph-card
    name: Lounge
    align_header: left
    align_icon: left
    font_size: 75
    entities:
      - entity: sensor.meter_plus_da53_lounge
      - entity: sensor.meter_plus_da53_humidity
        show_graph: false
        show_state: true
        show_points: false
    color_thresholds:
      - value: 20
        color: "#eb4d54"
      - value: 18
        color: "#1db954"
      - value: 16
        color: "#3a8df7"
    hours_to_show: 24
    hour24: true
    icon: mdi:sofa
    points_per_hour: 0.5
    show:
      extrema: true
      fill: fade        
  - type: custom:mini-graph-card
    name: Kitchen
    align_header: left
    align_icon: left
    font_size: 75
    entities:
      - entity: sensor.meter_plus_88d5_kitchen
      - entity: sensor.meter_plus_88d5_humidity
        show_graph: false
        show_state: true
        show_points: false
      - color: gray
        entity: sensor.nightstate
        name: Night
        show_legend: false
        show_line: false
        show_points: false
        y_axis: secondary
    color_thresholds:
      - value: 20
        color: "#eb4d54"
      - value: 18
        color: "#1db954"
      - value: 16
        color: "#3a8df7"
    hours_to_show: 24
    hour24: true
    icon: mdi:silverware-fork-knife
    points_per_hour: 0.5
    show:
      extrema: true
      fill: fade
2
  1. There is a dedicated main thread for mini-graph-card, suggest to post these questions there.
  2. Some font adjustments can be done by native options of this card. Other adjustments can be done by card-mod: main card-mod thread - 1st post - “fantastic” link - mini-graph-card.
3

Dunt understand #2

4

He is pointing you here :arrow_down:

5

Not only this particular post. I specially suggested to find a LIST of links to mini-graph-card. I am not getting what was unclear in my post to OP.

6

DONT SHOUT

never mind, I’ve got the solution

7

If you are going to mark your post as the Solution, you need to provide the actual solution for other forum users.

8

My solution was not to use graph card … the dedicated thread referenced on this thread, has some 2300 posts , that’s ridiculous and replies to replies and cross replies , utter chaos and nigh impossible to get a focused discussion on one topic . That’s why I came here

9

Good luck with silently finding solutions and marking own posts as “solutions” which do not have any usefulness.

2 Likes