Changing font size in picture-entity while using card-modder

Configuration
1

Hi,

I’m trying to reduce the font size of the state in picture-entity, here’s my configuration:

          - type: custom:card-modder
            style:
              --paper-card-background-color: rgba(0, 100, 0, 0.2)
              --paper-item-icon-color: white
              border-radius: 5px
            card:
              type: picture-entity
              entity: person.ohad
              image: /local/lovelace_ui/home/ohad_square.png
              show_name: false
              tap_action:
                action: more-info

I’ve tried adding font-size as a property to the style section but it seems to not have any effect
I’ve looked at the partial list of variables and found under html the font-size but adding it to the style section had no effect on the actual font size

@thomasloven should this work ?

2

You can use e.g. the element inspector in google chrome (there are similar tools in most browsers) to find which variables can be edited using card-modder.

Unfortunately, this reveals that the font size in picture entity is hard-coded to 16 px.

picture%20entity
picture%20entity1756×787 553 KB

1 Like
3

As always, thanks for the prompt response, does that mean it’s impossible as of now ?

4

Using card-modder, yes.

5

Hi Thomas - i know this thread is a little old but when using the element inspector how do you determine if the variable is hard-coded or not?