How to get rid of borders in stack in card?

[jivgym (John)]

Hi, I am using the Stack in card for a sort of profile for the people in my family. Is there any way to get rid of the borders between each card including the Clock weather card?

square: false
columns: 1
type: grid
cards:
  - type: custom:stack-in-card
    mode: vertical
    cards:
      - type: custom:mushroom-person-card
        entity: person.john
        use_entity_picture: true
        hide_name: false
        layout: vertical
      - type: custom:mushroom-chips-card
        chips:
          - type: entity
            entity: binary_sensor.jiv_s_new_phone_is_charging
            content_info: none
            card_mod: null
            style: |
              ha-card {
                box-shadow: 0px 0px;
              }
            icon_color: >-
              {% set state=states('binary_sensor.jiv_s_new_phone_is_charging')
              %}

              {% if state=='on' %}

              green

              {% elif state=='off' %}

              yellow

              {% else %}

              red

              {% endif %}
          - type: entity
            entity: sensor.jiv_s_new_phone_battery_level
            content_info: none
            card_mod: null
            style: |
              ha-card {
                box-shadow: 0px 0px;
              }
          - type: entity
            entity: sensor.jiv_s_new_phone_ringer_mode
            content_info: none
            card_mod: null
            style: |
              ha-card {
                box-shadow: 0px 0px;
              }
        alignment: center
  - type: custom:stack-in-card
    mode: vertical
    cards:
      - type: custom:mushroom-person-card
        entity: person.mom
        use_entity_picture: true
        hide_name: false
        layout: vertical
      - type: custom:mushroom-chips-card
        chips:
          - type: entity
            entity: binary_sensor.lm_flippy_is_charging
            content_info: none
            card_mod: null
            style: |
              ha-card {
                box-shadow: 0px 0px;
              }
            icon_color: |-
              {% set state=states('binary_sensor.lm_flippy_is_charging') %}
              {% if state=='on' %}
              green
              {% elif state=='off' %}
              yellow
              {% else %}
              red
              {% endif %}
          - type: entity
            entity: sensor.lm_flippy_battery_level
            content_info: none
            card_mod: null
            style: |
              ha-card {
                box-shadow: 0px 0px;
              }
          - type: entity
            entity: sensor.lm_flippy_ringer_mode
            content_info: none
            card_mod: null
            style: |
              ha-card {
                box-shadow: 0px 0px;
              }
        alignment: center
  - type: custom:stack-in-card
    mode: vertical
    cards:
      - type: custom:mushroom-person-card
        entity: person.jiii
        use_entity_picture: true
        hide_name: false
        layout: vertical
      - type: custom:mushroom-chips-card
        chips:
          - type: entity
            entity: binary_sensor.dads_phone_is_charging
            content_info: none
            card_mod: null
            style: |
              ha-card {
                box-shadow: 0px 0px;
              }
            icon_color: |-
              {% set state=states('binary_sensor.dads_phone_is_charging') %}
              {% if state=='on' %}
              green
              {% elif state=='off' %}
              yellow
              {% else %}
              red
              {% endif %}
          - type: entity
            entity: sensor.dads_phone_battery_level
            content_info: none
            card_mod: null
            style: |
              ha-card {
                box-shadow: 0px 0px;
              }
          - type: entity
            entity: sensor.phone_ringer_mode
            content_info: none
            card_mod: null
            style: |
              ha-card {
                box-shadow: 0px 0px;
              }
        alignment: center
  - type: custom:clock-weather-card
    entity: weather.home
    time_format: 12
    sun_entity: sun.sun
    weather_icon_type: line
    animated_icon: true
    forecast_days: 4
view_layout:
  position: sidebar

[tom_l]

Use an entities card instead of the stack-in card. You will need 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…

As a bonus you can give the column a title if you want.

[vingerha]

Same question was recently posted on discord, they switched to vertical-stack-in-card

[Ildar_Gabdullin]

@vingerha

they switched to vertical-stack-in-card

….which has it’s own problems.

With stack-in-card I managed to deal by using card-mod to get rid of borders.

[EdwardTFN (Edward Firmo)]

@Ildar_Gabdullin

With stack-in-card I managed to deal by using card-mod to get rid of borders.

Why don’t you share that so @jivgym (and others) could take benefit of your experience?

[Ildar_Gabdullin]

Cannot post it right now, not gonna have an access to PC for forthcoming days.
What people can do - they may come to card-mod thread and ask for assistance, if they are in a hurry.