[RELEASE] Simple CSS Editor

[sburke781]

"Keep Alive" post,,,, lamenting the time I get to spend on this project.... Though there have been some interesting ideas I would like to add....

Make String Variable Read Only on Dashboard Tile

Try #tile-0 { pointer-events: none; } On your dashboard click the cog --> Advanced --> CSS Don't forget to change the tile number to yours

The Noob's (in)complete guide to CSS for Hubitat

@limeypride I just found your question. I have used a number of variable tiles and encountered this same issue. The reason it doesn't work is the structure of the variable tile is a bit different from the device tiles. I put to gether a quick dashboard to demonstrate this. [image] The tile on the left is a variable tile, and the tile on the right is a device tile. [image] Looking at the title object in the device tile first shows it has a CSS class of .tile-title in this line of HTML. …

Dashboard thermostat sryle

Hi, I am wondering if there is a way to tweak thermostat template to give it a look like the one in control 4 or home assistant. Kind of round with circular button. You slide. Is it possible with css. I just started to read the css noob guide and found interesting way to change slider appearance and colors which i like wondering if there is a more complete page somewhere i really like code example which make me understand Brgds Alex [1000024151]

Animate Buttom Press on Dashboard

Could just add something like .tile:active{background-color:orange} in the Advanced|CSS tab of the dashboard.

HE Standard Icons in Tiles

#tile-2::before { font-family: 'hubitat' !important; content: "\ecad"; font-size: 40px; position: absolute; top: 15px; left: 2.5px; } [image] If you are interested how I worked it out.... I could see the he-window_1 was actually the name of the CSS class, not the text content (not sure how the other light bulb one works like that...). When I looked up the Chrome Dev Tools tab and located the element on a button tile where I set the custom icon, I could see the content and font fa…