Is it possible to hide the following controls:
- Operations
- Present
Yes, per the instructions:
control:
- preset: false
- hvac: false
This is indented to the same level as ‘entity’, ‘sensors’, etc.
Hi -
I have decreased the font for all elements but can’t get the cooling and hitting temperature in one row.
Any way to decrease spaces between them?
Sadly enough visual code studio is not support on raspberry pi platfrom and hassio.
( should get samba up and running and use it with a normal laptop tho 
)
Altho its still very strange because I didnt touch that code. But I will double check the indentation.
Thanks
I have problems with the names of my sensors because they are long, something like this:
Temperatura 21 °C
Salon:
Humedad 62 %
Salon:
In the previous version the long names were shown in a single line:
Temperatura Salon: 21 °C
Humedad Salon: 62 %
can you share your config please?
TIA
Oh, sorry.
It’s very simple:
entity: climate.thermostat
name: Thermostat
step_size: 1
style: |
ha-card {
--st-font-size-xl: 20px;
--st-font-size-m: 12px;
--st-font-size-title: 26px;
--st-font-size-sensors:12px;
--st-spacing: 2px;
}
theme: Backend-selected
type: 'custom:simple-thermostat'
Thanks a lot for your reply. I misunderstood the instructions.
I’m having the same problem. I’ve tracked the issue down to the .body style. The current style is:
.body {
display: grid;
grid-template-columns: 1fr 1fr;
place-items: center;
padding: 0 calc(var(--st-spacing) * 4);
padding-bottom: calc(var(--st-spacing) * 2);
}
The dual temperatures displays correctly when grid-template-columns is changed to:
grid-template-columns: 1fr 1fr 1fr;
But then the a single temperature doesn’t display correctly. This style needs to be conditional based on single or dual temperatures.
I’ve also tried to make the change via card-mod, but I wasn’t able to get it to work. For the specific dual temperature card, I tried adding:
style: |
.body {
grid-template-columns: 1fr 1fr 1fr;
}
I’ve temporarily made a clone of the simple-thermostat card for the dual thermostat. Here are two thermostats. The left one is the modified version.
I’m hoping someone can identify what needs to be changed to make card-mod work or perhaps we get the style updated to support dual temperature cards.
1 Like
Is there a way to remove the “Preset” label? and have the buttons appear as the theme that is set. My current theme is set to slate, but it seems like this card isn’t following it.
2 Likes
Same here, I don’t have presets but I’d like to remove the “Operation” label leaving only the buttons.
Thanks.
2 Likes
Ditto. Also, is there a way to remove the temperature adjustment? I basically just want the buttons only…
I just installed the latest .29 version hoping to see the hvac_modes buttons listed in a standard or consistent order. Just a reminder that this update would be greatly appreciated, as currently I have 3 different T-stats each with a different button order that can’t be rearranged.
Thanks!
ref: @nervetattoo reply in post 328
@nervetattoo thanks very much for adding the requesting heading option. Can you please give an example of its use? I’m not having much luck hiding the headings.
I also have no luck with hiding the headings
- cards:
- control:
_headings: false
hvac:
auto: false
cool: true
heat: true
'off': false
preset:
Away and Eco: true
away: false
eco: false
none: true
entity: climate.hallway
I am trying to get the latest release through HACS, but I get always 0.28 and not 0.29. The files inside the folder are updated but HACS tells me I still get the 0.28.
How to solve?
Hello everyone,
I was following this thread and was struggling with a transparant theme and Card mod.
With the styles.js file from Simple Thermostat I found out that it is easy to adjust the colors / style and make them transparant.
Here is my config and hopefully it is helpfull, just the way this thread was helpfull for me.
Code:
- type: 'custom:simple-thermostat'
entity: climate.living_room
name: false
decimals: 1
icon:
- off: None
- heat: None
step_size: 0.5
hide:
temperature: true
state: true
control:
_names bool: true
_icons: true
hvac:
"heat":
name: Verwarmen
icon: mdi:fire
"off":
name: Uit
icon: mdi:power
preset:
"none":
name: Geen
icon: mdi:power
"away":
name: Afwezig
icon: mdi:clock-alert-outline
"eco":
name: Eco
icon: mdi:leaf
"Away and Eco":
name: Afwezig en Eco
icon: mdi:leaf
sensors:
- entity: sensor.living_room_thermostat_temperature
name: Temperatuur
- entity: sensor.living_room_thermostat_operation_mode_dutch
name: Mode
- entity: sensor.living_room_thermostat_humidity
name: Vochtigheid
style: |
ha-card {
background: rgba(255, 255, 240, 0.0);
}
ha-card .mode-item {
background: rgba(255, 255, 240, 0.05);
color: #a2a7a6;
}
ha-card .mode-item.active {
background: rgba(255, 255, 240, 0.2);
}
ha-card .mode-item:hover {
background: rgba(255, 255, 240, 0.5);
}
ha-card .mode-item.active:hover {
background: rgba(255, 255, 240, 0.5);
}
6 Likes
Thanks, very helpful.
Unfortunately, the style part is not working for me?
Fixed order for HVAC modes is in place in .30
u need card-mod…
Works perfectly. This is how mine looks like now:
control:
preset:
away:
icon: 'mdi:logout'
comfort:
icon: 'mdi:sofa'
home:
icon: 'mdi:home'
sleep:
icon: 'mdi:sleep'
entity: climate.toon_thermostat
sensors:
- entity: sensor.living_humidity
name: Humidity
- entity: sensor.living_temperature
name: Temp2
style: |
ha-card .mode-item {
background: var(--paper-card-background-color);
}
type: 'custom:simple-thermostat'