Ok one more thing and I’ve got this sorted. Does anyone know the css I should use to override a card background to make it completely transparent (using card-mod)
These dont work (the box shadow bit does):
style: |
ha-card {
--ha-card-box-shadow: 'none';
background-color: "rgba(0, 0, 0, 0)";
}
style: |
ha-card {
--ha-card-box-shadow: 'none';
--ha-background-color: "rgba(0, 0, 0, 0)";
}
style: |
ha-card {
--ha-card-box-shadow: 'none';
--ha-card-background-color: "rgba(0, 0, 0, 0)";
}
style: |
ha-card {
--ha-card-box-shadow: 'none';
--ha-paper-card-background-color: "rgba(0, 0, 0, 0)";
}
Also the same variants with it outside the curly braces fail
style: |
ha-card {
--ha-card-box-shadow: 'none';
}
--ha-paper-card-background-color: "rgba(0, 0, 0, 0)";
Alternatively how do I use the browser inspector to find this?
EDIT:
Solutrion (I’m sure I tried this before)
:
style: |
ha-card {
--ha-card-box-shadow: 'none';
--paper-card-background-color: rgba(0, 0, 0, 0);
}