I have to first apologize if someone has already covered this as I must be failing on how to search and cannot seem to find an answer / example and my guessing is not working.
I have a button that I cannot seem to find a way to change the font size of the βstateβ or would it be βoperationβ or βsettingβ or ??? text.
When pressed it pops open my thermostat in the Kitchens settings
I am trying to increase the font-size of the βHeatβ text in this button and I thought it might be reffered to as the βstateβ, however, in the control panel that pops open it is called βOperationβ.
Here is what I have, less all my attempts to add a font-size change for the text that shows now as βHeatβ.
But out of all css blocks only this ha-card {} is applied. And in blocks:
ha-card .header .name {}
ha-card .info .value {}
ha-card .info .measurement {}
For some reason, nothing is applied at all.
Plus, there is an additional question regarding the icons in this card, in particular, I would like to apply a code like this to it:
Saw this error in the chrome console, anyone know what it is and how to fix it? Maybe this is the the reason that some of the style are not working. Thanks!
Failed to execute 'define' on 'CustomElementRegistry': the name "mod-card" has already been used with this registry at https://xxxxxx.duckdns.org/hacsfiles/lovelace-card-mod/card-mod.js?hacstag=190927524311:6:10674
Post a code with your attempts here - at least it will show people that youβre really trying hard ))).
I mean with using DOM navigation, not just setting a global color property.
Weβll see what is wrong there.
I hope someone can help me with problem I have been struggling with, creating my first dashboard.
I have absolutely no experience with CSS or HTML, but I am trying to learnβ¦
I am simply trying to decrease the spacing between text lines in the Entities card (or rather, decrease the height of that βboxβ), hoping to make the overall card more compact.
Does anyone have a solution for that?
Did you check the first post in this thread? There is a link at the bottom with many card-mod examples. Go through that list, maybe youβll find a solution.
Any Card-mod gurus able to help me on this? Iβm trying to target this state-switch <div> to set overflow: visible so that the background colour/image can βescapeβ.