Card mod: entity card type: section

Configuration Frontend
1

Hi all,

does anyone has an idea how to remove (or make transparant) the divider of the section? The border should not be removed!

type: entities
entities:
  - entity: input_datetime.on_time_gartenlicht
    name: "Einschaltzeit:"
  - entity: input_datetime.off_time_gartenlicht
    name: "Asschaltzeit:"
  - type: section
    label: "minimale Einschaltzeit:"
  - entity: input_number.auto_gartenlicht_offset
    name: "in Minuten:"
    icon: mdi:timer-edit-outline
show_header_toggle: false

image
image480×258 10.1 KB

2

The path which you DO know already:
main card-mod thread → 1st post → link at the bottom titled “fantastic” → Entities card

3

Hi there,

I am not sure, what is going wrong! Yes I know your car_mod and I also found the section part, but it seams to be not working. I copied your example code:

type: entities
title: Colored section
entities:
  - type: section
    label: Colored section
    style: |
      .label {
        color: magenta !important;
      }
  - entity: sun.sun
  - entity: sun.sun
  - type: section
    label: Colored section
    style: |
      .label {
        color: green !important;
      }
  - entity: sun.sun
  - entity: sun.sun
  - type: section
    label: Colored section's line
    style: |
      .divider {
        background-color: red !important;
        margin-top: 32px !important;
        height: 8px !important;
      }
  - entity: sun.sun
  - entity: sun.sun
  - type: section
    label: Invisible section's line
    style: |
      .divider {
        background-color: transparent !important;
        margin-top: 32px !important;
      }
  - entity: sun.sun
  - entity: sun.sun

and this is what I get! There is not “red” section line and no “invisible” line. Do you have an idea?

image
image649×1127 35 KB

4

You are missing card_mod: above all your style: code

5

… this happens, if you do not work with this regulary!
Thank you very much!

6

I remember you😀

1 Like
7

…then I apparently left a lasting impression! :slight_smile:

Besten Dank,
Spartacus

8

Spartacus, suggest to post a SHORT (only related stuff) version with a working code & mark as a solution.

9

works now!

type: entities
entities:
  - entity: input_datetime.on_time_gartenlicht
    name: "Einschaltzeit:"
  - entity: input_datetime.off_time_gartenlicht
    name: "Asschaltzeit:"
  - type: section
    label: "minimale Einschaltzeit:"
    card_mod:
      style: |
        .divider {
          background-color: transparent !important;
          margin-top: 0px !important;
          }
        .label {
          color: green !important;
        }
  - entity: input_number.auto_gartenlicht_offset
    name: "in Minuten:"
    icon: mdi:timer-edit-outline
show_header_toggle: false

image
image619×422 17.1 KB