WTH Why is it so hard to change the text color in picture elements

Archive Month of "What the heck?!" 2022
1

Why is it so hard to change the text color in picture elements.
This page: Picture Elements Card - Home Assistant
refers to " Position and style your elements using CSS"
I click that page and I was like whaaaaat I need to understand this whole CSS thing to change to color of text. I tried…but nothing changes the color of my text :frowning:

A few more examples (not only for changing the icon color) would be nice… especially also an example how to make the text color change with the day/night theme… :slight_smile:

2

I have found this topic very helpful Styling elements in Picture elements card: a small tutorial

I’m not suggesting this will solve your problems by the way, I’ve only linked this as you’re obviously using Picture Elements cards and there’s some really good information in that topic.

1 Like
3

small example :wink:

type: picture-elements
elements:
  - type: state-label
    entity: climate.airco
    style:
      top: 85.5%
      left: 60%
      color: blue
4

Life is a pain, and a color is just one attribute for a label out of 999 other attributes ))) So yes, we have to learn CSS.