No, I want to Apply a Border or a Shading background to the whole mushroom card. I am able to shade the individual buttons and Chips, but I have a full card for each room all on one page, and thereās no clear definition to which buttons belong to which card.
I have read through the thread and tried various style options, but as far as I could get was getting individual buttons to shade.
try with
box-shadow: none;
under card_mod
read about posting code (with-in 3 back-ticks), so itās readable !
https://community.home-assistant.io/t/how-to-help-us-help-you-or-how-to-ask-a-good-question/114371/3
Thanks for the suggestion but no change to the card at all. I tried with it backed up the first line and inline under the last line.
Note: This is just the code from the simplest card there are much longer cards with more elements.
type: vertical-stack
cards:
- type: custom:mushroom-chips-card
chips:
- type: entity
entity: sensor.smartthings_motion_sensor_temperature_measurement
double_tap_action:
action: none
name: 'Hall:'
content_info: name
icon_color: deep-orange
icon: hue:room-stairs
tap_action:
action: none
hold_action:
action: none
- type: spacer
- type: entity
entity: binary_sensor.smartthings_motion_sensor_motion
content_info: state
use_entity_picture: false
alignment: start
- type: custom:mini-graph-card
entities:
- entity: sensor.smartthings_motion_sensor_temperature_measurement
name: Hall Temp
- type: custom:mushroom-light-card
entity: light.hall
icon: mdi:lightbulb-group
fill_container: false
use_light_color: false
show_brightness_control: true
name: Hall Lights
card_mod:
style:
box-shadow: none;
this was not mend for you 
, note who i answered to
but yes your code looks better now
put your card mod under each card, for a start, until you are familiar with ācardsā and card_mod
i.e vertical-stack is not a card, in the same manner as others
Hereās an example 
:
type: custom:mushroom-chips-card
chips:
- type: template
icon: weather-{{ states("weather.home") }}
content: '{{ states("sensor.temperature", with_unit=True) }}'
type: custom:stack-in-card
will give a default border. The vertical-stack doesnāt.
Why i have theses shadows after last update with minimalist theme ?
How do i get a mushroom style card for sliders? i want to use an input_number as an entity and show both its name and as secondary info its state.
+1, popped up after the latest update, had to roll back to 2.7.0
Dan,
Wonderful, had to get the stack in card from hacs but this is exactly what I wanted thank you so much! Is there a Style option to set the border px size\color?
Last question I promise.
Tried the following:
style: |
ha-card {
background-color: #30254f; border: solid 10px white; box-shadow: none;
}
@danwooller thanks, I get the groups idea, but these are scenes. They control which lights come on and the brightness level. Not sure you if you can do that through groups. Or can you?
Or is there a way to combine? Groups trigger the colour, button activates the scene?
Take out white, should work.
If you have a switch called āall lightsā and define all your lights under light: in your configration, then when you call that switch all the lights come on. If you add all: true, then if some of the lights are on the switch wonāt register as on and you can still do on/off on all the lights
downstairs_lights:
name: "Downstairs Lights"
all: true
entities:
- light.bar
- light.cellar
- light.cleaning_cupboard_left
Iāve just re-read that you want to control the brightness as well. The groups wonāt do that, I think my solution would be use the groups as I suggest and then have an automation that sets the brightness when that light comes on (different brightness for times of the day?).
This is well beyond the scope of Mushroom Cards though.
Got the same issue, have cleared cache not going away. Gonna downgrade to 2.7.0
I am guessing that is a mushroom tile card?, why not use minimalistās tile card instead ?
- type: "custom:button-card"
template: card_title
name: Outside
I have the same issue. rollback to 2.7.0
Hey, how to make the
mushroom-entity-card or
mushroom-template-card icon rotate.
I remember saw it in the thread but cant find it.
Friend, Iām trying to prevent certain entities from appearing in the browser_mod, however Iām not succeeding. Can you help me?
sensor:
- platform: template
sensors:
dispositivos_com_bateria_baixa:
friendly_name: 'Dispositivos com bateria baixa'
unit_of_measurement: devices
value_template: >-
{% set ignore_entities = ['sensor.beelink_battery', 'sensor.sm_celular_vovo_battery_level', 'sensor.sm_p205_battery_level', 'sensor.sm_t225_battery_level', 'sensor.juliana_galaxy_watch4_battery_level', ] %}
{{ states.sensor
| selectattr('attributes.device_class', 'eq', 'battery')
| rejectattr('entity_id', 'in', ignore_entities)
| map(attribute='state')
| reject('in', ['unknown', 'unavailable'])
| map('int', -1) | select('le', 96)
| select('ge', 0)
| list | count
}}
icon_template: >-
{% if is_state('sensor.dispositivos_com_bateria_baixa', '0') %}
mdi:battery-check
{% else %}
mdi:battery-alert
{% endif %}
In card:
type: custom:mushroom-chips-card
chips:
- type: conditional
conditions:
- entity: sensor.dispositivos_com_bateria_baixa
state_not: '0'
chip:
type: template
entity: sensor.dispositivos_com_bateria_baixa
icon_color: red
icon: mdi:battery-alert
content: '{{ states(entity) }}'
tap_action:
action: fire-dom-event
browser_mod:
service: browser_mod.popup
data:
title: Low Batteries
content:
type: custom:auto-entities
filter:
include:
- attributes:
device_class: battery
state: < 99
options:
type: custom:mushroom-template-card
primary: '{{ states(entity) }}%'
secondary: '{{ state_attr(entity, ''friendly_name'') | title }}'
icon: >
{% set battery_level = (states(entity) | int / 10) |
round(0) | int * 10 %} {% if battery_level == 100 %}
mdi:battery
{% elif battery_level > 0 %}
mdi:battery-{{ battery_level }}
{% else %}
mdi:battery-outline
{% endif %}
icon_color: |-
{% set battery_level = states(entity) | int %}
{% if battery_level > 90 %}
green
{% elif battery_level > 60 %}
light-green
{% elif battery_level > 50 %}
lime
{% elif battery_level > 40 %}
yellow
{% elif battery_level > 30 %}
amber
{% elif battery_level > 20 %}
orange
{% elif battery_level > 10 %}
deep-orange
{% else %}
red
{% endif %}
layout: horizontal
tap_action:
action: none
badge_icon: |-
{% set battery_level = states(entity) | int %}
{% if battery_level < 10 %}
mdi:exclamation-thick
{% endif %}
badge_color: red
card_mod:
style: |
ha-card {
padding: 4px 12px !important;
}
exclude:
- sensor.juliana_galaxy_watch4_battery_level
- sensor.sm_celular_vovo_battery_level
- sensor.sm_t225_battery_level
- sensor.sm_p205_battery_level
show_empty: false
card:
type: custom:layout-card
cards: []
layout_type: masonry
sort:
method: friendly_name
Thank you in advance.
Can anyone please help me to increase the font size for the Mushroom Thermostat card temperature control?
type: custom:mushroom-climate-card
entity: climate.bedroom_ac
layout: vertical
show_temperature_control: true
secondary_info: none
tap_action:
action: call-service
service: switch.toggle
target:
entity_id: switch.bedroom_ac_toggle
data: {}
icon: mdi:snowflake
collapsible_controls: false
hvac_modes: []
fill_container: false
card_mod:
style: |
ha-card {
--card-primary-font-size: 1.6em;
}
Any help would be greatly appreciated.