For the 600th time I’m gonna ask this question hoping for at least a suggestion from somebody. I clear my cache everything looks fine but every once in a while old cash comes back. A simple refresh on the browser or a pull down on my phone fixes it but every once in a while it comes back again. It’s driving me insane every change I make now falls into this category. Please for the love of God does anyone have the knowledge to suggest something for me and I promise I will stop asking this question
Sadly im not the best in finding the right CSS key to do this. How can i change the position of the badge icon a few pixels down?
Just have a look to thi post from @rhysb Mushroom Cards - Build a beautiful dashboard easily 🍄 - #2456 by rhysb
Great, thanks 
Maybe I’m trying to break this down so it’s easier to provide more pointed responses as this is a great thread with lots of good advice.
The biggest challenge I have is how to control attributes of an entity via a mushroom card and what’s the most appropriate card for that.
Example: My AVR has an attribute source_list (e.g. media box, DVD player etc.).
Is it possible to set the source via a lookup popup that brings up these options from source_list? This could be triggered via say a tap and hold action on the card.
I’m trying to combine a switch and a sensor into one card, while also controlling the decimal places shown. In the primary attribute I want to show the power consumption, but this isn’t working. Can someone help? TIA
type: custom:layout-card
layout_type: masonry
layout: {}
cards:
- type: custom:stack-in-card
cards:
- type: grid
square: false
columns: 2
cards:
- type: custom:mushroom-template-card
entity: switch.brew_element_1
primary: '{{ states(sensor.brew_element_1_power) | round(0) }} W'
secondary: Element 1
icon: mdi:fire
Really love the mushroom cars and every day i find new thing to create. Currently i restructure my room selection area. each room should give some basisc information and on the right siche some chips.
As seen in the picure the chip is aligned at the to and now i am searchon for an option to align it centered, Here the code of the card.
type: custom:stack-in-card
mode: horizontal
cards:
- type: custom:mushroom-template-card
primary: Guesttoilet
secondary: '{{ states(''sensor.rb_gt_motionsensor_air_temperature'')}}°C'
icon: mdi:paper-roll
tap_action:
action: navigate
navigation_path: guesttoilet
icon_color: blue
fill_container: true
layout: horizontal
multiline_secondary: false
- type: custom:mushroom-chips-card
chips:
- type: template
entity: binary_sensor.rb_gt_motionsensor_home_security_motion_detection
icon_color: '{{ ''red'' if is_state(entity, ''on'') else ''disabled'' }}'
icon: >-
{{ 'mdi:motion-sensor' if is_state(entity, 'on') else
'mdi:motion-sensor-off' }}
tap_action:
action: none
hold_action:
action: none
alignment: end
card_mod:
style: |
ha-card {
--chip-box-shadow: none;
--chip-background: none;
--chip-spacing: 0;
}
So any help is appreciated.
A simple way is to add padding around the Chips. Like this:
card_mod:
style: |
ha-card {
--chip-box-shadow: none;
--chip-background: none;
--chip-spacing: 0;
padding: 15px;
}
1 Like
This should give you something to work with:
type: custom:mushroom-template-card
primary: Rhys' PC
secondary: |-
{% if is_state(entity, 'on') %}
{{ states('sensor.rhys_desk_power') | round(0) }} W
{% else %}
Off
{% endif %}
icon: mdi:desktop-classic
entity: switch.rhys_pc
tap_action:
action: toggle
icon_color: '{{ ''light-blue'' if is_state(entity, ''on'') else ''disabled'' }}'
multiline_secondary: false
1 Like
To modify the Mushroom Title Card, have a look here:
Is nobody else experiencing this? Am I doing something wrong?
@rhysb: do you have ideas on how to achieve this?
You can add borders to the Mushroom Card and Icon Shape like this:
Mushroom Card Border:
type: custom:mushroom-template-card
primary: Mushroom
secondary: ''
icon: mdi:mushroom
icon_color: red
card_mod:
style: |
ha-card {
border: dotted rgb(var(--rgb-green));
}
Mushroom Icon Shape Border:
type: custom:mushroom-template-card
primary: Mushroom
secondary: ''
icon: mdi:mushroom
icon_color: red
card_mod:
style:
mushroom-shape-icon$: |
.shape {
border: dashed rgb(var(--rgb-green));
}
You can see the different border styles here:
6 Likes
Thank you! A bit different from what I started with, and works perfectly.
1 Like
Hi,
I am very close to super satisfied with my setup! The only thing that is a bit confusing for the other people in the household is my heating.
I wish it could be more clear if its heating or idle.
I dont know how i can pull the state of it as i only see “heat” as available state in dev tools, even though its idle. The mushroom card can see if its idle or not though, only indicated by the small badge in the icon.
Hi,
can you show me the code how you achieved ths Front door closed/open ?
thank you.
Thanks! it works!
is it possible to show a 0, if the status is off? I now see the badge going away.
This works the best for me, thanks.
Misschien one thing, when all light are off, i don’t want to see this card.
How do i do that?
1 Like
Hi, I’m sorry but why does the lock card have two buttons: “the button itself” and the “icon-button”? is there any way to have only “the icon button”?
If no one has a suggestion for this, can someone at least tell me who I might be able to contact to figure this? ITs happening with anything new i add. Its driving me crazy to the point, im considering scrapping home assistant and moving over to Hubitat. Please can someone reply to this bump
Can someone please help me with cache issue. I clear the cache and all is fine. But then my last several udpates revert back. I hit refresh on my broswer or pull down to refresh on my phone and all is fine but then it happens again. I even tried a new computer and new browser and problem remains
Here are the three examples I’m having trouble with. Before and after pictures.
You can create one with the mushroom template card.