Card-mod font size

Configuration Frontend
#1

Hello all. I am trying to get my head around using css to customize HA cards.
Wanted to increase the font size of the text in the Weather card.

I installed the card-mod from HACS. I can change the color of the text but not the size.
Would someone be kind enough to show me what I am doing wrong?

Thank you for your time and help.

show_current: true
show_forecast: false
type: weather-forecast
entity: weather.home
theme: ING Dark
card_mod:
  style: |
    ha-card {
      color: red;
      font-size: 100px;
    }
1 Like
#2

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

#3

Same issue, and I can’t find the dedicated thread you mentioned. Please help find it?

#4
#5

Awesome thanks.
That thread led me to your very helpful post here 🔹 Card-mod - Add css styles to any lovelace card - #1186 by Ildar_Gabdullin
With examples.

#6

I believed that you were interested in a weather-forecast card which is here.
Whole list is here.

#7

I am not a CSS or web dev, I can’t get the font size to increase. The color changes. Did you figure out how to get the size to change?

#8

Read one post above.

#9

Thanks for nothing, I’m sure you were well intentioned in responding.

#10

Think again and check a solution which was proposed. And keep your sarcasm for yourself.