Size of Card

[jbarkhuizen]

I have a few cards that was create some time ago
but the size if quite big
How do I reduce the overall size of the card

type: custom:flex-horseshoe-card
view_layout:
grid-area: g2
entities:

• entity: sensor.deyeinvertermaster_battery_soc
  decimals: 0
  unit: '%'
  name: BATTERY
• entity: sensor.deyeinvertermaster_battery_voltage
  decimals: 2
  unit: V
• entity: sensor.deyeinvertermaster_battery_output_current
  decimals: 2
  unit: A
• entity: sensor.deyeinvertermaster_battery_output_power
  decimals: 0
  unit: W
• entity: sensor.deyeinvertermaster_summary_day_battery_discharge
  decimals: 2
  unit: kWh
  name: Discharge
• entity: sensor.deyeinvertermaster_summary_day_battery_charge
  decimals: 2
  unit: kWh
  name: Charge
  show:
  horseshoe_style: autominmax
  layout:
  hlines:
  • id: 0
    xpos: 50
    ypos: 40
    length: 70
    styles:
    • opacity: 0.2;
  • id: 0
    xpos: 50
    ypos: 60
    length: 70
    styles:
    • opacity: 0.2;
      vlines:
  • id: 0
    xpos: 50
    ypos: 50
    length: 18
    styles:
    • opacity: 0.2;
      states:
  • id: 0
    entity_index: 0
    xpos: 50
    ypos: 33
    styles:
    • font-size: 3em;
    • opacity: 0.9;
  • id: 1
    entity_index: 1
    xpos: 44
    ypos: 53
    styles:
    • font-size: 1.5em;
    • text-anchor: end;
  • id: 2
    entity_index: 2
    xpos: 55
    ypos: 53
    styles:
    • text-anchor: start;
    • font-size: 1.5em;
  • id: 3
    entity_index: 3
    xpos: 34
    ypos: 75
    styles:
    • text-anchor: start;
    • font-size: 2em;
  • id: 4
    entity_index: 4
    xpos: 76
    ypos: 7
    styles:
    • text-anchor: start;
    • font-size: 1.2em;
  • id: 5
    entity_index: 5
    xpos: 0
    ypos: 7
    styles:
    • text-anchor: start;
    • font-size: 1.2em;
      icons:
  • id: 0
    entity_index: 1
    xpos: 30
    ypos: 52
    align: start
    size: 1
    names:
  • id: 0
    entity_index: 0
    xpos: 50
    ypos: 95
    styles:
    • font-size: 1.2em;
  • id: 1
    entity_index: 4
    xpos: 81
    ypos: 12
    styles:
    • font-size: 0.5em;
    • text-anchor: start;
  • id: 2
    entity_index: 5
    xpos: 0
    ypos: 12
    styles:
    • font-size: 0.5em;
    • text-anchor: start;
      horseshoe_scale:
      min: 0
      max: 100
      width: 6
      color_stops:
      '0': red
      '2000': green
      card_mod:
      style: |
      ha-card {
      --ha-card-background: var(--card-background-color);
      color: var(--primary-color);
      }

[nor500]

I would be interested in that too. It is nice, but for some dashboard it is too tall.

[nor500]

I figured it out. To reduce the height of the card to 200px:

type: custom:flex-horseshoe-card
style: |
ha-card {
height: 200px !important;
}

[billoute62]

hello, how can we reduce the cards?
i don't know where to modify the yaml?
who can help me?