It’s right here. One period is causing a lot of trouble
Old
New
I edited a copy of the JS and the spacing corrects itself. There are other changes so you may need to update these, but we will see .
--card-secondary-color:
--card-primary-color:
Yes i saw in relation to button icons. Seems like it has built in backwards compatibility though.
Ooof. Honestly seems like a typo, no?
It appears to me to be a typo that is stopping assigned characteristics from passing on to the elements. If that makes sense.
Secondary will pick up characteristics of the primary just like when card mod is not aligned correctly. That’s how I see it in my head 
@dimitri.landerloos I was wrong with my assessment, that line is fine if you extract it further. It’s card mod’s interaction with the new version. There are new definitions and name changes.
line-height in the primary is the biggest issue and as you said it… best to revert and wait.
Default style of mushroom card (icon size, font size, font weight, font color and letter spacing) has been aligned to the tile card style to allow users to use mushroom card and tile card seamlessly.
But you can easily adapt it to your new using new themes variables for letter-spacing, line-height, color, etc…
.
I’ve rolled back for now as well to 3.3.0 until there is a solution / fix as it broke pretty much everything on my dash which has custom styling / card_mod.
1 Like
In all the cards I created, I tried to allow users to change the designs as they wish using CSS without changing their theme features. And now, unfortunately, some of the codes on card mode are not working and I have to go back and review the whole design. Anyway, as far as I understand, no changes will be made in this regard. Thank you for answering.
Thank you added now mush-card-secondary-color: to my theme
I have a custom:mushroom-entity-card
is it possible to make an if else structure to change between entities ?
if
value of (input_number.electriciteit_opbrengst_februari )==0 then show me sensor.export_stroom_maand
else
value of input_number.electriciteit_opbrengst_februari
- type: vertical-stack
cards:
- type: custom:mushroom-entity-card
entity: input_number.electriciteit_opbrengst_februari
icon: mdi:weather-sunny
icon_color: yellow
name: "Injectie"
tap_action:
action: none
hold_action:
action: none
It should fixed with the 3.4.1 release. Title card has now the same margin as vertical stack, horizontal stack and grid card.
3 Likes
Good to see sir, thanks for the very quick turnaround 
Hi!
Guys, it possible to make the last chip height like to others? The last one is not have battery overlay icon.
Try to use this property with cards:
card_mod:
style:
.: |
ha-card {
transition-property: none; !important;
}
1 Like
If these elements are parts of one container ( for example, grid) you can use this:
ha-card {
/* Filing container */
height: 100%;
box-sizing: border-box;
display: flex;
flex-direction: column;
justify-content: center;
}
1 Like
I think we have to manually fix our dashboards.
Can you plz guide how to make the changes globally? Which file should I change to include the following lines, so that the changes are reflected in each dashboard. Thank you.
--card-primary-line-height: 10px !important;
--card-secondary-line-height: 10px !important;
Try removing all your card mod settings under secondary and see if you like the spacing.
This will reduce the spacing, but will need to be applied to each card unless you use a theme.
card_mod:
style: |
ha-card {
--card-secondary-line-height: 8px;
}
Also ensure you are on Mushroom 3.4.1. I had to manually update redownload it.
- type: custom:numberbox-card
entity: input_number.keuken_vaatwas_ingevenaantalblokjes
icon: false
picture: false
border: false
name: false
card_mod:
style: |
ha-card{
font-weight: 400;
padding-top: 30px;
}
the card mod doesn’t work. so where did I make a mistake.
I want it horizontal centered and the font the same as “teller aanpassen”
I am using Mushroom Shadow theme,
Is there a way to manually edit the mushroon-shadow.yaml file to make the change ‘secondary-line-height:8px;’ ?
Thank you
Try this
type: custom:numberbox-card
entity: input_number.keuken_vaatwas_ingevenaantalblokjes
icon: false
picture: false
border: false
name: false
card_mod:
style: |
ha-card {
color: lime;
}
.cur-num{
font-weight: 400 !important;
}
.cur-box {
padding-top: 20px !important;
}
1 Like