Card_mod: Change divider color and line style

Configuration Frontend
1

Hi,

I would like to change the color and the line thickness/style of the divider with card_mod but I do not have a clou how to do so! Can some help please?

Here a example code:

type: vertical-stack
cards:
  - type: markdown
    content: Karte 1
  - type: entities
    entities:
      - type: divider
    card_mod:
      style: |
        ha-card {
             border: none;
             box-shadow: none;
             margin-top: -10px;
             ## background:none;
             }
  - type: markdown
    content: Karte 2

image
image819×305 3.64 KB

2

No need for card_mod

type: vertical-stack
cards:
  - type: markdown
    content: Karte 1
  - type: entities
    entities:
      - type: divider
        style:
         background-color: lime
  - type: markdown
    content: Karte 2

image
image940×372 4.3 KB

1 Like
3

Thank you very much for that, and how can I modify the thickness of the line? Position can be modified by using card_mod.

type: vertical-stack
cards:
  - type: markdown
    content: Karte 1
  - type: entities
    entities:
      - type: divider
        style:
         background-color: white
    card_mod:
      style: |
        ha-card {
             border: none;
             box-shadow: none;
             margin-top: -10px;
             ## background:none;
             }
  - type: markdown
    content: Karte 2