Override default style settings in frontend (not dashboard/lovelace)? #14087
Unanswered
chadbaldwin
asked this question in
Theming
Replies: 0 comments
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
-
There are a few different screens where I would like the ability to add some of my own custom styles.
I'm trying to do this now with the device page (
http://homeassistant.local:8123/config/devices/device/*). I would like the main.containerto havemax-width: 1600px. However, it seems no matter what I try, for some reason my change either is ignored, even when using!importantor my change gets thrown out when the window resizes.I'm trying to do this using tampermonkey and nothing seems to be working. I know my script is working because I can see this line has been added to the
<head>section:But for some reason it is ignored.
Does anyone know if there is either a way to make this work with a userscript? OR, if there is a way to do this in Home Assistant itself? Like maybe there's a way to add a custom style sheet or something?
For the record, I am running HAOS, so I'm not sure how much customization I have access to.
Here is an example:
Before (
max-width: 1000px):After (
max-width: 1600px):Beta Was this translation helpful? Give feedback.
All reactions