Get rid of border shadows

Hi Community, im getting more and more into making my Dashboard fancy.
I Am now trying to add multi Entitys into 1 Card, i do that using the margin function in

card_mod:
  style: |
    ha-card {

to relocate the card into another card.

I now have the problem, that i see Border shadows inside that card. How do i get rid of it?

Shadow

here is my Text of one of the Entity cards:

type: custom:mushroom-entity-card
entity: sensor.canister_consumption_cl_consumption
name: Tages Dosiermenge
icon: mdi:sine-wave
card_mod:
  style: |
    ha-card {
      border-radius: 10px;
      margin-top: -105px;
      margin-bottom: 0px;
      margin-left: 130px;
      margin-right: 0px;
      border: 0px;
      background: unset;
      --icon-size: 29px;   
      --card-primary-font-size: 12px;
      --card-secondary-font-size: 12px;
      }

I would be more than happy if someone could help me! :slight_smile:

I have this in my theme, if that’s any help:

  primary-background-color: "#000000"                 # black
  card-background-color: "#000000"                    # black

  ha-card-border-radius: "0px"
  ha-card-border-width: "0px"
  ha-card-border-color: "#000000"                     # black
  ha-card-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0)

Which gives:

Also, the HACS “Stack in” card will create vertical or horizontal stacks without any borders inside.

1 Like

Yes! That was the solution. Many thanks! :slight_smile: