Card modder and vertical-stack-in-card

I have the same result ! my style is bean applied only to the first card …

any update yet? or is this abandoned…

just tried with the latest version Lovelace/cards:

as you can see, only the top card is modded…

  - type: custom:card-modder
    recurse: false
    style:
#      background-image: url("/local/weather/meteo_alarm/meteo_alarm.png")
#      background-size: auto
      --primary-text-color: var(--primary-text-color)
      --secondary-text-color: var(--secondary-text-color)
      --paper-item-icon-color: var(--primary-text-color)
      --paper-card-background-color: rgba(255, 255, 240, 0.3) #ivory
  #    --paper-item-icon-color: white
      border-radius: 6px
      color: rgb(7,65,143) #black #'#555B65'
      box-shadow: 0px 0px 2px 1px
    card:
      type: custom:vertical-stack-in-card
      cards:
        - type: entities
          title: Weeralarm
          show_header_toggle: false
          entities:
            - binary_sensor.meteoalarm_brabant
            - sensor.weer_alarm
        - type: markdown
          content: >
            <font color= grey> [[ binary_sensor.meteoalarm_brabant.attributes.attribution ]] </font>
        - type: conditional
          conditions:
            - entity: binary_sensor.meteoalarm_brabant
              state: 'on'
          card:
            type: markdown
            content: >
              # <font color= grey> Weer Alarm Brabant:  [[ binary_sensor.meteoalarm_brabant.state ]] </font>

              ___

              **Alarm code**

              <font color= [[ sensor.weer_alarm.state ]]> - [[ sensor.weer_alarm.state ]] </font>

              <font color= grey>  - Level: [[ binary_sensor.meteoalarm_brabant.attributes.awareness_level ]] </font>

              <font color= grey> - Type: [[ binary_sensor.meteoalarm_brabant.attributes.awareness_type ]] </font>

              <font color= grey> - Severity: [[ binary_sensor.meteoalarm_brabant.attributes.severity ]] </font>

              <font color= grey> - Certainty: [[ binary_sensor.meteoalarm_brabant.attributes.certainty ]] </font>

              **Headline**

              <font color= grey> - [[ binary_sensor.meteoalarm_brabant.attributes.headline ]] </font>

              **Event**

              <font color= grey> - [[ binary_sensor.meteoalarm_brabant.attributes.event ]] </font>

              **Status**

              <font color= grey> - [[ binary_sensor.meteoalarm_brabant.attributes.description ]] </font>

        - type: picture
          image: /local/weather/meteo_alarm/meteo_alarm_banner.jpg

Instead of vertical-stack-in cards I now use entity cards.

This is fine for custom cards, they can be listed just like entities.

However for the core built in cards you have to use the actual card name.

alright, thats good to hear. thanks.
but how do you then have them show as if they’re 1 card? Ive tried stacked entity cards, but didnt really like the view. Maybe you have some other setting to blend them into 1?

Like this:

entities:
  - entities:
      - entity: input_select.lounge_ac_mode
    style: |
      ha-card {
        box-shadow: none;
        --ha-card-background: 'rgba(0, 0, 0, 0)';
      }
    type: 'custom:hui-entities-card'
  - columns: 3
    entities:
      - entity: sensor.lounge_room_temperature
      - entity: sensor.lounge_room_humidity
      - entity: sensor.lounge_room_condensation_chance
    show_name: false
    style: |
      ha-card {
        box-shadow: none;
        --ha-card-background: 'rgba(0, 0, 0, 0)';
      }
    type: 'custom:hui-glance-card'
  - entities:
      - entities:
          - entity: input_boolean.lounge_ac_am_automation
          - entity: input_boolean.lounge_ac_pm_automation
          - entity: input_boolean.lounge_ac_workday
          - entity: input_datetime.lounge_ac_am_on_time
          - entity: input_datetime.lounge_ac_am_off_time
          - entity: input_datetime.lounge_ac_pm_on_time
          - entity: input_datetime.lounge_ac_pm_off_time
          - entity: input_number.lounge_ac_heat_temp_set
          - entity: input_number.lounge_ac_cool_temp_set
          - entity: input_number.lounge_ac_temp_set_heat
            name: AC Heat Set Temp
          - entity: input_number.lounge_ac_temp_set_cool
            name: AC Cool Set Temp
          - entity: binary_sensor.lounge_ac_am_automation_time_active
          - entity: binary_sensor.lounge_ac_pm_automation_time_active
          - entity: binary_sensor.lounge_ac_heat_required
          - entity: binary_sensor.lounge_ac_cool_required
        head:
          label: Automation
          type: section
        padding: 0
        type: 'custom:fold-entity-row'
    style: |
      ha-card {
        box-shadow: none;
        --ha-card-background: 'rgba(0, 0, 0, 0)';
      }
    type: 'custom:hui-entities-card'
show_header_toggle: false
style: |
  ha-card {
    border: solid 2px var(--primary-color);
  }
title: Lounge Aircon Control
type: entities

2 Likes