power-flow-card-plus
power-flow-card-plus copied to clipboard
[SUPPORT] CSS: How can I make all lines thicker?
My goal: I would like to have a very clean, easy to read appearance with thicker power flow lines, all in white color. I fiddled around in the code editor with different options, for example:
card_mod:
style: |
ha-card {
zoom: 1.3 !important;
box-shadow: none !important;
border: none !important;
}
.label {
font-weight: 400 !important;
}
path.battery-to-grid {
stroke: var(--battery-grid-line);
zoom: 1.3 !important;
}
path {
width: 200%;
}
I can make the text larger. However, I cannot make the lines appear with a thicker stroke. Can someone help we with the right direction?
You are actually really close to thicker lines, all you have to add is the stroke-width attribute to the path. For example:
path {
stroke-width: 3px !important;
}