search

pkissling / clock-weather-card

A Home Assistant Card indicating today's date/time, along with an iOS inspired weather forecast for the next days with animated icons
Other
445 stars 78 forks source link

CSS - icon sizing #474

Open Jens-Wymeersch opened 3 weeks ago

Jens-Wymeersch commented 3 weeks ago

I'm trying to get the card within my current concept. Hence, I would love to change the size of the icon (in my case bigger than what i get now. Anyone have ideas ?

Here is a view of the card

image

And snippet of the yaml

type: custom:clock-weather-card
        entity: weather.home
        locale: en-GB
        date_pattern: ccc, DDD
        animated_icon: true
        hide_forecast_section: true
        use_browser_time: true
        show_decimal: true
        card_mod:
          style: |
            .card-content {
              padding-top: 20px !important;
              padding-bottom: 0px !important;
              margin-left: -50px;         
            }
            clock-weather-card-today-left {
              margin-top: -50px;
              margin-left: 50px;
            }
            clock-weather-card-today-right-wrap-center {
              display: flex;
              justify-content: flex-start;
              padding-left: 0px;
              margin-left: 10px;
              margin-top: 50px;
              font-size: 35px !important;
            }
sedward5 commented 3 weeks ago

Was just looking into this as well.

I added a height attribute to clock-weather-card-today-left img image

Jens-Wymeersch commented 2 weeks ago

This did somewhat the trick but can't go beyond 100px