Border around a vertical stack

[Kippy74]

Hi.

I have some cards in a vertical view and I was wondering if it is possible to have one border around them all…
Not each card I’m the stack, but have a border around the stack?

[tom_l]

No. Stacks don’t have borders.

What you can do is is use this:

hui-element - Use built-in elements in the wrong place

Funny thing about lovelace - cards, rows in the entities card, badges and elements in the picture-elements card work exactly the same behind the scenes. That means that you can use them interchangeably if you know how, and e.g. put a button right in an entities card, a badge somewhere in the middle of your view or a markdown card (with background and border removed) right in your carefully crafted picture-elements card. Pretty neat stuff that allows for some fantastic creations. However. Becau…

To put cards inside an entities card instead of a vertical statck.

[Ildar_Gabdullin]

@Kippy74

some cards in a vertical view and I was wondering if it is possible to have one border around them all

type: custom:mod-card
style: |
  ha-card {
    border: 1px solid red;
  }
card:
  type: vertical-stack
  cards:
    - type: entities
      entities:
        - entity: sun.sun
        - entity: sun.sun
    - type: entity
      entity: sun.sun

[tom_l]

Neat!

@Ildar_Gabdullin

type: custom:mod-card

Is that part of card mod?

[Ildar_Gabdullin]

yes it is a part