Picture Glance card icon alignment

Hi all!
This seems to be oh so very simple, but can’t figure it out!
I have made a picture glance card with 2 entities.
The entities show up on the bottom left of the card, but i want them on the bottom right.
Is there a simple “alignment-right” option i can set somewhere?

I’d also like to trigger a script upon tapping the individual icons:
One should start netflix on my TV, the other on the projector. Here’s the code i have so far…

P.S. I’m new… Any beginner mistakes or improvements on my code, please tell me!

type: picture-glance
image: /local/images/netflix.jpg
entities:
  - entity: script.netflix_on_shield_tv_livingroom
  - entity: script.netflix_on_shield_projector_livingroom

And here is the script for starting Netflix on the TV:

alias: Netflix On Shield TV Livingroom
sequence:
  - type: turn_on
    device_id: 0fcf61f2f089b21228aa66d4ac47615a
    entity_id: switch.samsung_7_series_55
    domain: switch
  - service: media_player.turn_on
    data: {}
    entity_id: media_player.shieldtv_livingroom
  - service: media_player.select_source
    data:
      source: Netflix
    entity_id: media_player.shieldtv_livingroom
mode: single
icon: 'mdi:television'

Welcome to the big world of HA :slight_smile:
With picture glance you have limited options with placing icons.You would have to do it with custom mod addon and styling it with CSS.

I would suggest Picture Elements instead? https://www.home-assistant.io/lovelace/picture-elements/
It’s a bit more work to set up, but the possibilities are better.

Thanks for the fast reply Fribse, I was thinking the same thing, but in the sample screens i see from the picture glance cards, the icons are always on the right bottom.
Mine however are on the left… wtf?

2 Likes