I like to use the Glance Card to display several entities side by side. The advantage of this card is that it is very easy to configure (visual editor).
The problem, however, is that the names of the entities always appear ABOVE the icon. I would like them to appear BELOW it.
Does anyone know if this is possible, or if I should perhaps use a different card for this?
You need to change an order if elements. Try using Code inspector and play width an “index” “order” property for the “name” element. If succeeded - use cardmod.
I’m not very skilled at coding. So I would be delighted if there was a ‘simple’ solution. I have a feeling that I’m not the only one with this request and that someone has already implemented it and could share their code here.
Then please wait till tomorrow, away from pc.
Placing a name below an icon:
type: vertical-stack
cards:
- type: glance
entities:
- entity: sun.sun
show_state: false
- entity: sun.sun
show_state: true
- entity: sun.sun
show_state: false
- entity: sun.sun
show_state: false
card_mod:
style: |
.name {order: 2;}
- type: glance
card_mod:
style:
.entity $: |
.name {order: 2;}
entities:
- entity: sun.sun
show_state: false
- entity: sun.sun
show_state: false
- entity: sun.sun
show_state: false
The 2nd example shows how to apply the style to all entities.
Note that it looks nice only if no state is shown…
That’s exactly the solution I was looking for 
Thank you very much!
