🏠 How to Customize Buttons in Home Assistant | Step-by-Step Tutorial CSS

Опубликовано: 14 Май 2026
на канале: Piotr Jankowski
4,914
113

☕ If you enjoy my tutorials, I'd be so grateful if you could Buy Me A Coffee! https://buymeacoffee.com/janpiapiae

🙏❤️ I’ve added affiliate links below with the lowest prices, so you don’t have to search for them yourself. If you make a purchase through these links, you’ll be supporting my channel — thank you! 🙂

👉 🛒📦 AliExpress Waveshare Official Shop
https://fas.st/ZGznZy

🛒👉 📦 AliExpress Sonoff Official Shop
https://fas.st/DFiv1

🛒👉 📦 AliExpress ESP32 C6
https://fas.st/MHed4p

🛒👉 📦 AliExpress Three Phase Tuya MODBUS WiFi Smart Bi-Directional Energy Meter
https://fas.st/pPO3b

🛒👉 📦 AliExpress ESP32
https://fas.st/0XCUZp

🛒 GMKtec N100 Mini PC:
👉 📦 GMKtek Official WorldWide shop
https://tidd.ly/4ql1yDT -Intel CPU
https://tidd.ly/4kskDTx -AMD CPU
👉 📦 AliExpress
https://fas.st/FVndf N150 12GB 512GB
https://fas.st/2PZqRs

🛒👉 📦 AliExpress Efin EW11
https://fas.st/WmLTzu

🛒👉 📦 AliExpress DS18B20 Modbus RTU server
https://fas.st/7nssK

🛒👉 📦 AliExpress DS18B20 Waterproof and wires
https://fas.st/Hk3sR

This link is an affiliate link. I may earn a commission.

📌 Tools used in this video:
Stack In Card
📎 https://github.com/custom-cards/stack...

📌 HACS installation tutorial:
📎   • [Fast & Easy] How to Install HACS on Home ...  

In this tutorial, I’ll guide you through the process of customizing your climate control buttons in Home Assistant using the custom:button-card. You’ll learn how to design buttons with dynamic icons, display temperature and humidity readings, and add interactive elements that directly control your air conditioning without the need for extra menus. 🌬️

I’ll also show you how to style your buttons, add animations, and set up multiple states like cooling and heating modes for a smooth user experience. ❄️🔥 Whether you’re a beginner or looking to improve your Home Assistant dashboard, this video will help you create a more efficient and visually appealing interface. 🎨

👍 If you found this tutorial helpful, don’t forget to like, share, and subscribe for more Home Assistant customization tips! 🚀

00:00 Intro
00:22 custom Button card installation
01:07 Climate button creation
03:47 Adding variables
04:30 Custom Field creation
06:13 Addin 2nd variable
07:49 Buttons stacking
08:10 Function buttons fom A/C
10:31 Final look



No Copyright Cinematic Music
Liborio Conti