It should work, except when it doesnât. For example with cards that handle styles on their own, like custom-button-card, or as you say picture-elements.
I may have to remove it at some point, though, because it could collide with core functionality.
Itâs much more unlikely that Home Assistant core will ever want to use the keyword card_mod than styleâŠ
I had a style which narrowed the spaces between a list of entities in a card and it doesnât work any more.
Can anyone help? I have hidden the icon itself with the help of multiple-entity-row but need to reduce the height allocated from 40px.
Has anyone got it working to use card-mod with grid card to change the title attributes? For instance changing font size and padding? I believe card-mod usually does not work with cards like grid, stacks etc. Perhaps with 3.0 itâs become possible.
I see itâs under a constructed style sheet when I inspect element:
Changing it in inspector works, but I canât seem to find a way to use it in card-mod.
Maybe this is possible using the theme as well, in that case I need to ask in that topic. However I wonder if itâs possible per card as well, so you can have different font sizes and paddings per grid card.
Edit: I got the font size working per theme by using ha-card-header-font-size in theme.yaml. Padding still no go.
So inside that code, I want to mod the part: title: Kantoor. The code that I got using inspect element is posted in my original post, but I canât get it to work and donât really know where to put is (if itâs at all possible using on grid-card).
Not entirely. While I can adjust the font size with this, I canât change the padding and font weight. Basically I want to make the font bold and remove the paddings.
When I change the padding to 0 using inspect element it works:
Thank you, this works! Though unfortunately card-mod loads the styling after page has been opened, so you see a brief jump in style when opening the page. This behavior started in one of the card-mod updates (even before 3.0). I noticed this with markdown card a long time ago.
I notice this was way better handled on previous HA versions. It happened with HA 117. I also maintain a HA installation for my younger brother, and havenât updated his version yet (still on HA 116). Markdown works a lot faster there. They also changed the default card size (which you can only change with !important variable, which causes the jump effect after opening a tab) with HA 117. After that they updated a few times, which made it even worse for me.
Unfortunately markdown card is subject to change a lot of times. I had breaking changes 4x in the last 9 months or so. Iâm now trying to just remove markdown completely because they just change too much and it just gets worse each time for me.
Iâll stick to titles in grid/vertical/horizontal stacks and perhaps use button-card for template texts.
this might be a long shot, but since the custom-card with the âissueâ I have with it seems abandoned, please let me ask here:
can we style the position of the title of these shutter cards, which now all seem randomly aligned above the shutter image. Card option is set to 'top. but other than that, the card doesnt offer styling options:
Hi. Iâm working on a theme in a âNeuromorphic styleâ
Iâm able to customize elements but only in a cards, now i wanna move config to theme file and iâm searching for a help, because every try ends as a failure. Below images as it look in cards configs, and link to github with a working code.