Changing the font size for temperature in the Weather Forecast card using card-mod

Hi,
I’m using card-mode in order to add some CSS styling to cards on my dashhboard.
I want to increase the font size for temperature in the Weather Forecast card using card-mod, but doesn’t matter what I try in doesn’t work.


Any help would be appreciated.

1 Like

@Gregkg thank you so much mate. It works like a charm.

Welcome. That entire thread is a great resource on using card_mod with most any cards.

So, one of the things that bothered me is having to look up the CSS classes and id tags (well I’m used to it as a web designer but that’s not the point).

I wanted something that worked just in that card, or in a view/ grid, partly because some of my styles were being applied to all the cards in that sub-view.

Luckily, I found a HTML card on HACS as the Markdown card wasn’t working for me (even with card-mod) and I couldn’t add <style> (it showed as text) and some other elements like font-size didn’t work.

The HTML card allowed for full HTML and has been a much better solution for my custom bin collection date cards with coloured bins on them, instead of the ‘trash’ icon.

Yes, I acknowledge I have posted this elsewhere, but there are many threads on it and it seems a great solution, rather than continuing to struggle with card-mod, especially if one knows HTML and CSS. : )

I am curious why you have recently pushed the HTML card across so many different threads when there are more viable solutions associated with the card associated with the OP?

I’d promote the main card mod thread

or use the search function to highlight other threads addressing the OP’s request.

For example