Okay I got it. Itās from:
:host .entity {
display: flex;
flex-direction: column-reverse
}
Anyway I would like to ask You about one thing. I want to animate icon in entity-multiple-row but I canāt get it via CSS. Is it possible to animate window icon while open?
Normally for main entity I can use:
:host .icon-small {
color: orange;
}
But for multiple-entity itās not working.
You should write a code accordingly to a real DOM structure. Open Code Inspector and build a path to the required element. Do not try to use a code without understanding.
Surely you may use ready examples (1st post, see a link at the bottom), but these examples give you a direction and may not cover all your cases.
Because you have no animation specified!!!
Happy new year, dear Marius!
but blink is native? I never specify that and it always worksā¦maybe only for Button.
@keyframes blink {
100% {opacity: 0;}
}
and blinking away 
Thank you!!
Ń Š½Š¾Š²ŃŠ¼ Š³Š¾Š“Š¾Š¼
Having another issue I canāt figure outā¦
Using multple-entity-row, I have one card which removes padding between the entities, which works great. I have another multiple-entity-card which uses a style to align the left icon more to the left, which also works great. However, I canāt seem to combine them.
This is the code from both individual cards:
- entity: input_boolean.motion_light_garden
icon: mdi:nature-people
[...]
style: |
:host .entities-row .entity {
margin-right: 10px;
}
- entity: input_boolean.motion_light_toilet
icon: mdi:paper-roll
[...]
card_mod:
style:
hui-generic-entity-row:
$: |
state-badge {
flex: 0 0 0px !important;
height: 35px;
line-height: 35px;
}
Sure, but itās still very much a work in progress. This is how it looks now:
The code is here: kiosk_mode: user_settings: - users: - Samsung Galaxy S4 - Pastebin.com. To get it working youāll need to install the custom cards and images for the Neon theme, which can be found here: Neon Lovelace UI & Theme for tablets
It was just example. I have already tried several DOM structures.
It looks like this:
hui-generic-entity-row > entities-row > entity > div > state-badge .icon-small > ha-state-icon > ha-icon > ha-svg-icon
Tried several configuration but itās not quite obvious I think. Iām a programmer and I normally I donāt have a problems to work with structures but I feel like in the dead end 
Feel stupid
Would You mind check it if it should working?
Thanks in advance! Happy new year!
{% if states('sensor.date') == '2021-12-31' and
states('sensor.time') > '23:58' %}animation: blink 2s ease infinite;
{% endif %}
I know the time shouldnāt be dealt with like thisā¦ but hey, it works for nowā¦
maybe:
now() > now().replace(hour=23).replace(minute=59).replace(second=30)
is better, but the frontend doesnāt update without a refreshā¦
will try this next year:
{% if now().day == 31 and now().month == 12 and
now() > today_at('23:59') %}
Has anyone made the switch described in the recent update:
frontend:
extra_module_url:
- /local/card-mod.js
If I do this and remove it from being a Lovelace resource I get an error in HACS that card-mod hasnāt been loaded after restarting. Are we supposed to have it in both places? (I did change the path to be correctā¦)
using an empty entities card, to get a header in a vertical stack:
- type: entities
title: Set Switches
card_mod:
style: |
.card-header {
background-color: var(--background-color-off);
color: var(--text-color-off);
padding-top: 0px;
padding-bottom: 0px;
margin: 0px 0px -8px 0px;
}
entities: []
can we somehow add an action to it and navigate to another view?
I think you still need both. But this gives a console error about card-mod already being loaded
You might need to clear your cache ā always a good practice when it comes to any frontend oddities.
I have card-mod only loaded under the frontend section now (i.e. itās not under my resources section anymore, which is how I understand the docs).
Rather than just saying you āfixedā your path, show it. In my case, it looks like this (installed via HACS):
frontend:
...
extra_module_url:
...
- /hacsfiles/lovelace-card-mod/card-mod.js
If you donāt have it in resources as well you will see this:
Also this:
Iām using UI mode for Lovelace. Maybe thatās why. It doesnāt hurt loading it via the resources and yaml. Just a console error for it.
Did You resolve this issue @Mariusthvdb ?
Thank You @Milenco - Got one question. How did You put entities data in the secondary_info? I canāt find it here in example so Iām assuming itās another addon?
exactly what would you like to see resolved? custom-ui is āstrongerā than card-mod, so I have resolved it by understanding the inner workings and playing with that.
the non centric icon is another matter, and still happening. Think those are simply not 100% prefect icons
Hi, thank You for the response. I was playing with that icon centre and finally fixed with:
state-badge.pointer {
animation: rotation .5s linear infinite;
line-height: 39px;
}