Quantcast
Channel: Configuration - Home Assistant Community
Viewing all articles
Browse latest Browse all 95414

Picture Elements style problem since v101.3

$
0
0

@klogg wrote:

EDIT: OK, so this is really weird…
I was changing my theme to see if that might have anything to do with the problem and a lot of my cards then decided not to have the right ‘background’ colour. Then a few changes back and forth with default theme and everything snapped into place including the markdown cards in my picture-elements.

Very, very strange indeed. Now I just want to know what the underlying issue is that I must have with themes. And yes I did countless hard refreshes and I’m using Chrome.

Anyone any ideas what was going on?

Original post follows here…


I use Picture elements a lot in my wall panel.

Since updating to v101.3 many of my styles don’t work anymore.
Have some variables had a name change?

This is an example config that worked in v100.x but now I can’t style anything using a variable
i.e. none of these work anymore:

          "--primary-text-color": "#FFFFFF"
          "--paper-card-background-color": "rgba(0, 0, 0, 0.0)"
          "--ha-card-box-shadow": none
  - type: picture-elements
    image: /local/panel/bottom_section.svg
    elements:

      - type: custom:hui-markdown-card
        content: >
          Underground Status
        style:
          top: 50%
          left: 30%
          width: 35%
          text-align: left
          font-family: Quicksand
          font-size: 22px
          "--primary-text-color": "#FFFFFF"
          "--paper-card-background-color": "rgba(0, 0, 0, 0.0)"
          "--ha-card-box-shadow": none

I don’t know if this a problem with the picture-elements card or the markdown card or what is going on to stop this working in v101.x

And I use card-mod by @thomasloven elsewhere but don’t see how I can include it here as style is already a ‘keyword’ for picture-elements.

Posts: 3

Participants: 2

Read full topic


Viewing all articles
Browse latest Browse all 95414

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>