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

@ktd I did see you want things in Swedish, if you look for the different "state" tags, like open/closed, locked/unlocked (don't forget the class "unknown") etc, you can do something like this:

div.open div {
    display: none;
}
div.open:after {
    content: 'Öppen';
    position: relative;
    display: block;
}
div.closed div {
    display: none;
}
div.closed:after {
    content: 'Stängd';
    position: relative;
    display: block;
}

div.on div {
    display: none;
}
div.on:after {
    content: 'PÃ¥';
    position: relative;
    display: block;
}
div.off div {
    display: none;
}
div.off:after {
    content: 'Av';
    position: relative;
    display: block;
}
div.Sending\.\.\. div {
   display: none;
}
div.Sending\.\.\.:after {
  content: 'Skickar...';
  position: relative;
  display: block;
}
div.unknown div {
    display: none;
}
div.unknown:after {
    content: 'Okänd';
    position: relative;
    display: block;
}
1 Like