How to resize this ultimate person card

Canedje · March 1, 2025, 7:07pm

I’m new in building a dashboard.
It is going nice.
I do have a question:
As part of my dashboard I like to use this person card:

github.com/makeitworktech/home-assistant-config

lovelace/ultimate_person_card

ddbd75e26

type: custom:swipe-card
parameters:
  effect: coverflow
cards:
  - type: custom:button-card
    entity: person.aaron
    aspect_ratio: 4/4
    show_name: false
    show_icon: false
    styles:
      card:
        - padding: 4%
        - background-image: >-
            [[[if (states["media_player.spotify_yoursgoeshere"].state == "playing")
            return 'url("/local/Aaron_bitmoji_headphones.png")'; else return
            'url("/local/Aaron_bitmoji_4.png")'; ]]]
        - background-size: 90%
        - background-repeat: no-repeat
        - background-position: top center
        - '--keep-background': 'true'

This file has been truncated. show original

I succeeded to change it to my wish.
Except the size of it.
It is quit big in my dashboard and I like to make it smaller.
I did google and tried a lot, but until now I’m not possible to resize it.
I like it about 1/4 of the original size
How to do that?

Any advice?
Thanks

scw2wi · March 1, 2025, 7:34pm

Instead of aspect_ratio you can use width and height.

Canedje · March 1, 2025, 8:14pm

Thanks for the answer.
I tried that.
But is not working. No matter what figure I give the width and height
It gives only a small stripe

I think it is not that easy.
I also need to resize the font and the icons I quess

Thanks