Ask in card-mod thread.
Sorry for a stupid question:
I don’t know where and what file to download from Github to store it in my www folder. Can’t find a file named text-devider-row.js in the repo.
Thanks for pointing me the right way.
Maybe I’m stupid, but why is it that some of you manage to get the lines to not appear while the text is there? I only manage to get the text and the full line on top of it, making it kind of “striked through”…
Have the same thing.
type: vertical-stack
cards:
- text: Hot Tub Montly
type: custom:text-divider-row
align: center
- type: horizontal-stack
cards:
- type: custom:mushroom-entity-card
entity: sensor.hottub_change_filter
name: Change Filter
hold_action:
action: call-service
service: chore_helper.complete
target:
entity_id: sensor.hottub_change_filter
data: {}
- type: custom:mushroom-entity-card
entity: sensor.hottub_change_scc
double_tap_action:
action: call-service
service: chore_helper.complete
target:
entity_id: sensor.hottub_change_scc
name: Change SmartChlor
Did you ever got this to work, i have the same error, where the line just strikes through the text. Does anyone know how to solve this?
type: custom:stack-in-card
mode: vertical
cards:
- type: entities
entities:
- type: custom:fold-entity-row
head:
type: custom:mushroom-light-card
entity: light.erker
name: Erker
icon: hue:room-outdoors
icon_color: light-blue
show_brightness_control: true
use_light_color: true
collapsible_controls: true
tap_action:
action: toggle
padding: 0
entities:
- type: custom:auto-entities
filter:
include:
- domain: light
area: erker
options:
type: custom:mushroom-light-card
icon: mdi:lightbulb
show_brightness_control: true
fill_container: false
use_light_color: true
show_color_control: true
show_color_temp_control: true
collapsible_controls: true
action: toggle
exclude:
- entity_id: light.erker
card:
type: custom:layout-card
cards: []
layout_type: masonry
sort:
method: friendly_name
- type: custom:text-divider-row
text: Presets
- type: custom:mushroom-chips-card
chips:
- type: light
entity: light.erker
name: Daylight
icon: mdi:lightbulb
content_info: name
use_light_color: false
tap_action:
action: call-service
service: light.turn_on
data:
kelvin: 5500
brightness: 50
transition: 2
target:
entity_id: light.erker
card_mod:
style: |
ha-card {
--chip-background: rgb(255, 236, 224);
--text-color: black;
}
- type: light
entity: light.erker
name: Cool White
tap_action:
action: call-service
service: light.turn_on
data:
kelvin: 3500
brightness: 50
transition: 2
target:
entity_id: light.erker
content_info: name
use_light_color: false
icon: mdi:lightbulb
card_mod:
style: |
ha-card {
--chip-background: rgb(255, 196, 137);
--text-color: black;
}
- type: light
entity: light.erker
icon: mdi:lightbulb
name: Cozy
use_light_color: false
content_info: name
tap_action:
action: call-service
service: light.turn_on
data:
transition: 2
brightness: 50
kelvin: 2700
target:
entity_id: light.erker
card_mod:
style: |
ha-card {
--chip-background: rgb(255, 169, 87);
--text-color: black;
}
alignment: center
- type: custom:text-divider-row
text: Manual Adjustments
- type: custom:mushroom-light-card
entity: light.erker
show_brightness_control: true
show_color_control: false
name: Brightness
layout: horizontal
fill_container: false
use_light_color: true
secondary_info: none
icon: mdi:brightness-7
card_mod:
style: |
ha-card {
--ha-card-border-width: 0px;
}
- type: custom:mushroom-light-card
entity: light.erker
show_color_control: true
name: Color
use_light_color: true
layout: horizontal
secondary_info: none
icon: mdi:palette
card_mod:
style: |
ha-card {
--ha-card-border-width: 0px;
}
- type: custom:mushroom-light-card
entity: light.erker
show_color_temp_control: true
name: Temperature
use_light_color: true
layout: horizontal
secondary_info: none
icon: mdi:white-balance-sunny
card_mod:
style: |
ha-card {
--ha-card-border-width: 0px;
}
card_mod:
style: |
:host {
--masonry-view-card-margin: -12px 8px 0px 8px;
--ha-card-border-width: 0;
--ha-card-background: none;
--ha-card-box-shadow: 0;
}
state_color: true
show_header_toggle: false
theme: Mushroom
card_mod:
style:
fold-entity-row$: |
ha-icon {
background: none !important;
margin-right: 24px !important;
--toggle-icon-width: 21px !important;
color: rgb(var(--rgb-disabled-color));
}
.: |
.card-content {
padding: 0;
}
No solution found yet, for me.
I still get the strikethrough effect every time, just learned to live with it.
Styling only appears to work inside the the Entities card
type: entities
entities:
- type: custom:text-divider-row
text: Rooms
card_mod:
style: |
.text-divider span{
line-height: 20px;
color: red !important;
}
Ive gotten it to work by rewriting the code piece for piece, and removing what conflicts. Drastic, but it worked.
1 Like
hi jim i am trying to make my back transparent can you share your code
thanks