Try like this:
content: '{{ state_attr(''sensor.unifi_status_www'', ''tx_bytes-r'') }}'
And what Boostin said… 
Should be content:
1 Like
You can remove the border like this:
type: custom:stack-in-card
cards:
- type: custom:apexcharts-card
chart_type: radialBar
series:
- entity: sensor.cpu_temperature
color: rgb(255, 87, 34)
max: 100
show:
legend_value: false
apex_config:
plotOptions:
radialBar:
offsetY: 0
startAngle: -108
endAngle: 108
hollow:
size: 70%
dataLabels:
name:
show: false
value:
show: false
track:
strokeWidth: 80%
margin: 0
fill:
type: gradient
gradient:
shade: light
type: horizontal
shadeIntensity: 0.3
inverseColors: false
opacityFrom: 1
opacityTo: 1
stops:
- 0
- 50
- 55
- 90
legend:
show: false
chart:
height: 140
card_mod:
style: |
ha-card {
--ha-card-border-width: 0;
}
- type: custom:mushroom-entity-card
entity: sensor.cpu_temperature
primary_info: state
secondary_info: name
name: CPU Temp
icon_color: deep-orange
layout: vertical
card_mod:
style: |
ha-card {
margin-top: -60px;
width: 140px;
margin-left: 10px;
margin-right: auto;
--ha-card-border-width: 0;
}
2 Likes
Yes, something changed last week.
Because there is no Primary and Secondary with chips.
1 Like
Yes, you can do that like this.
Mushroom Chip Progress Bar with Text:
type: custom:mushroom-chips-card
chips:
- type: template
entity: input_number.lounge_pc_volume
icon: mdi:volume-high
icon_color: blue
content: >-
{{ (states(entity) | float * 100) | round(0) }}%
Volume
card_mod:
style: |
ha-card:before {
content: "";
position: absolute;
height: var(--chip-height);
width: var(--chip-height);
border-radius: 50%;
background: radial-gradient(var(--card-background-color) 60%, transparent 0%), conic-gradient(rgb(var(--rgb-cyan)) {{ (states(config.entity) |float * 100) | round(0) }}% 0%, var(--card-background-color) 0% 100%);
}
::slotted(ha-icon) {
margin-right: 0.4em !important;
}
8 Likes
Make sure that the sensor entity is created properly.
Double click the node and click on the edit entity config.
Enter the appropriate details and add the entity.
1 Like
Hey Mike, perhaps this is the hint you wanted:
card_mod:
style: |
ha-card {
margin-left: 12px;
box-shadow: none;
}
Just put the following under “icon colour”. Just remember to change the sensor name and thresholds
{% if states('sensor.p1_meter_3c39e72bf1a4_active_power') | float <300 %}
green
{% elif states('sensor.p1_meter_3c39e72bf1a4_active_power') | float <800 %}
orange
{% else %}
red
{% endif %} ```Thank you, I have it working now.
I have made a few “room cards” out of vertical stack cards. I would like a clear border around each room, but I cannot figure out how. I’ve searched and searched and I still don’t understand. Card mod is installed.
Here is what it looks like now:
I would like to create a visual separation between rooms.
Hi All,
Wondering if someone can help. I have created a “navigation” button that switches to another dashboard where I can control my lights all using mushroom card. See the pictures attached.
What I am trying to achieve is that the living zone icon should be grey when all of the light entities are off and a different colour ( amber) when any of the light entities are on.
Can some one help with this?
just found this, however, its not really clear to me what this does, other than adding an expanding fold? like the fold-entity-row card has been doing for some time now?
Maybe if you put your lights into a group then, and use the on/off from the group to change color icon?
type: custom:mushroom-template-card
primary: Living zone
secondary: none
icon: |2-
{% set state=states('group.light') %}
{% if state=='on' %}
mdi:sofa
{% elif state=='off' %}
mdi:sofa
{% endif %}
entity: group.light
tap_action:
action: navigate
navigation_path: 'living-zone'
icon_color: |2-
{% set state=states('group.lights') %}
{% if state=='on' %}
amber
{% elif state=='off' %}
grey
{% endif %}
1 Like
I havent used it much, but its basically like fold-entity-row except instead of only entities you can display complete cards
Hi all, just starting with HA and use mushroom cards for almost everything. Very happy with the results thus far.
For the media card: Does anyone know how to activate volume control by buttons, rather than the slider?
You can select volume buttons under Volume controls, but that do not seem to add/do anything.
Since my setup (sonos speakers) is already loud enough between 5-10 %, you can image it becoming very anoying if you try to adjust the volume with the slider on a small screen. 
Alternatively, might it be possible to scale the slider range, so that 100% on the slider equals 20% for the speakers for example?
Volume limit can be set through the native sonos app. Still can’t get the volume control buttons to work though.
That’s great! 
thx, I will have a look, though with fold entity-row I believe we can also do that.
- type: custom:fold-entity-row
head:
type: section
label: Knmi
card_mod: &label
style: |
.label {
margin-left: 0px;
}
padding: 0
entities:
- type: custom:hui-element
card_type: picture-entity
entity: camera.weerkaart_nl
show_name: false
show_state: false
<<: &style
card_mod:
style: |
ha-card {
box-shadow: none;
margin: 8px -16px -16px -16px;
}
- type: custom:fold-entity-row
head:
type: section
label: Roosendaal Br
card_mod: *label
padding: 0
entities:
- type: custom:hui-element
card_type: iframe
aspect_ratio: 100%
url: !secret roosendaal_br
<<: *style
nevertheless, maybe it has some extra features, the docs weren’t that extensive to immediately ring a bell 