Clock weather card - change size

Configuration Frontend
1

Hi,

I’m using the clock weather card and i think it looks awesome! But since i upgraded my walltablet to a Samsung galaxy tab A9+ the clock weather card just looks to small.
Is there any way to change the size of the card? Or can i change just the size of the clock?

clock
clock829×584 36.3 KB

2

This card was hanging with me to set it up.
Not sure if you already found a solution but in a dashboard using sections…

image
image1070×931 56.8 KB

3

Yes i found that to.

4

One method is to shrink the icon and weather data. The bars can be reduced as well.

type: custom:clock-weather-card
entity: weather.forecast_home
card_mod:
  style: |
    clock-weather-card-today-right-wrap-center {
     font-size: 20px !important;
     margin: -10px !important;
       }
    clock-weather-card-today-right-wrap-top {
     font-size: 15px !important;
       }
    clock-weather-card-today-left img {
     height:70px !important;
       }

image
image821×426 32.6 KB

2 Likes
5

Is there any way to increase the size of the clock?

6 
card_mod:
  style: |
    clock-weather-card-today-right-wrap-center {
     font-size:30px !important;
     margin: -10px !important;
      }
    clock-weather-card-today-right-wrap-bottom {
     margin-left: 20px;
      }
    clock-weather-card-today-right-wrap-top {
     font-size: 15px !important;
      }
    clock-weather-card-today-left img {
     height:70px !important;
     }
7

Yay! Thank you for that!

8

I’m a newbie - how do I use this with the card?

9

Install HACs then add the following plugins:

clock-weather-card
card_mod

10

Thanks - I’ve done that, just couldn’t get the code you posted to work

11

Share your current card code please.

Just responded in another thread less than two weeks ago here :arrow_down:

I posted quite a few working examples…