Borders when using card-in-card

Configuration Frontend
1

Hi,
I was developing a small dashboard for capaciteitstarief, all is working, but I have a double border :
image

This is the code:

      - type: custom:stack-in-card
        title: Capaciteitstarief
        mode: vertical
        cards:
        - type: custom:config-template-card
          variables:
            - '"input_number.capaciteitstarief_piek_"'
            - String((new Date()).getMonth()+1)
            - if (Number(vars[1]) < 10) { "0" } else {""}
            - states[vars[0] + vars[2] + vars[1]]
          entities:
            - ${vars[3].entity_id}
            - input_number.capaciteitstarief_piek_dag
            - sensor.capaciteitstarief_vorige_piek
            - sensor.capaciteitstarief_huidige_piek
            - sensor.capaciteitstarief_piek_prognose
          card:
            type: entities
            entities:
              - type: custom:multiple-entity-row
                entity: input_text.empty
                name: Pieken
                unit: false
                icon: mdi:transmission-tower
                show_state: false
                entities:
                  - entity: sensor.capaciteitstarief_vorige_piek
                    name: '-15m'
                  - entity: sensor.capaciteitstarief_huidige_piek
                    name: 'nu'
                  - entity: sensor.capaciteitstarief_piek_prognose
                    name: '+15m'
                  - entity: input_number.capaciteitstarief_piek_dag
                    name: Dag
                  - entity: ${vars[3].entity_id}
                    name: Maand

How can I get this ‘clean’ ?

2

Is like to know this too.

3

:thinking: border

...
  icon: mdi:transmission-tower
  show_state: false
  border: false
4

Where did you see that as an option for the entities card?

5

If the above doesn’t work, you could probably use Card Mod, possibly like this:

..
- type: custom:config-template-card
  style: |
    ha-card {
    border-width: 0px !important;
  }
..
6

Unfortunately, no difference…

7

Also no difference…

8

Played around a bit, and yes, it’s working !
Had to put the card mod style here :

...
          card:
            type: entities
            title: Capaciteitstarief
            style: |
              ha-card {
              border-width: 0px !important;
              }
            entities:
              - type: custom:multiple-entity-row
                entity: input_text.empty
                name: Pieken
                unit: false
                icon: mdi:transmission-tower
                show_state: false
...
9

Now I have this :

image
image459×504 19.7 KB

Final thing that should be better, this title Capaciteitstarief should become a subtitle…
It’s defined here:

          card:
            type: entities
            title: Capaciteitstarief
            # Remove double border
            style: |
              ha-card {
              border-width: 0px !important;
              }
            entities:

The grey ‘title’ comes from the mini-graph card

1 Like
10

No one an idea how I can change the style of the titles ?