Hi everyone! I wanted to share a couple of tips that have really improved my smart home setup. First, I’ve been using SmartTiles with the Fully browser on a Kindle Fire, and it’s been a fantastic experience. However, I noticed that the default thermostat tiles were taking up too much space on my screen. To address this, I created a custom CSS solution that reduces the thermostat tiles to a single height while maintaining functionality. Here’s how it looks:
When you tap on a thermostat, it expands to double size for easy temperature adjustments. I’ve also added color coding—blue for cooling and red for heating—which makes it easier to monitor at a glance. You can paste this CSS into your SmartTiles settings:
css
.div.thermostat {
height: 120px;
}
.div.thermostat .icon.up,
.div.thermostat .icon.down {
display: none;
}
.div.thermostat[data-operating-state=“cooling”] {
background-color: #0306a9;
}
.div.thermostat[data-operating-state=“heating”] {
background-color: #9f030a;
}
.div.thermostat:hover,
.div.thermostat:focus {
height: 240px !important;
z-index: 1001;
}
.div.thermostat:hover .icon.up,
.div.thermostat:focus .icon.up,
.div.thermostat:hover .icon.down,
.div.thermostat:focus .icon.down {
display: block;
}
Another tip I’d like to share is about battery efficiency. I recently switched from Life360 to Google Home’s geofencing feature to conserve my phone’s battery. Life360 was great but drained my battery significantly. Google Home’s geofencing has been just as reliable and has saved me a lot of battery life. If privacy is a concern, this might be a good middle ground since it doesn’t track your location continuously.
I hope these tips help someone out there! Let me know if you have any questions or if you’ve found other useful customizations or efficiency hacks. Happy automating! 