How to set a custom width? I can’t find an example you did this already.
What I have:
- type: custom:stack-in-card
title: ''
mode: vertical
keep:
background: true
box_shadow: true
margin: true
outer_padding: true
border_radius: true
cards:
- type: entities
entities:
- entity: climate.thermostat
secondary_info: last-changed
card_mod:
style:
.: |
ha-card {
margin-left: -15px;
margin-right: -15px;
margin-top: -15px;
margin-bottom: -13px;
box-shadow: none;
}
- type: horizontal-stack
cards:
- type: custom:slider-entity-row
entity: climate.thermostat
name: ''
hide_when_off: false
full_row: true
min: 7
max: 32
step: 1
attribute: temperature
toggle: false
show_state: true
state_color: true
secondary_info: last-changed
state_header: ''
column: false
- type: custom:climate-mode-entity-row
entity: climate.thermostat
name: ' '
icon: none
secondary_info: none
modes:
- hvac_mode: auto
icon: mdi:calendar-sync
color: green
- hvac_mode: heat
- hvac_mode: 'off'
card_mod:
style:
.: |
ha-card {
margin-left: -10px;
margin-right: -10px;
margin-top: 0px;
margin-bottom: 15px;
#box-shadow: none;
}
What I want:
Using about 75 % for the left row, 25 % for the right one. Currently it is equally (50 %).