Hi,
I am relatively new to Home Assistant and very new to Lovelace. I am trying to put some information over a picture background. It all works nicely except all of my elements get a double border:
The code I am using is:
- title: Upstairs Floor plan
panel: true
cards:
- type: picture-elements
image: /local/black-background.jpeg?v=9
elements:
- type: custom:card-modder
card:
type: custom:simple-weather-card
entity: weather.dark_sky
name: at home
style:
top: 12%
left: 67%
background-color: rgba(50,50,50,0.3)
background-size: 100% 100%
border-radius: 20px
color: "#999999"
- type: custom:card-modder
card:
type: "custom:atomic-calendar"
title: ""
entities:
- entity: calendar.##Calendar1##
- entity: calendar.##Calendar2##
fullDayEventText: 'All day'
untilText: 'Until'
showColors: true
maxDaysToShow: 1
showLocation: true
showMonth: true
showCurrentEventLine: false
dateColor: white
dateSize: 90
timeColor: white
timeSize: 90
titleColor: orange
titleSize: 100
locationIconColor: 'rgb(230, 124, 115)'
locationLinkColor: white
locationTextSize: 90
dimFinishedEvents: true
finishedEventOpacity: 0.6
finishedEventFilter: 'grayscale(100%)'
dayWrapperLineColor: white
eventBarColor: blue
showProgressBar: true
progressBarColor: blue
style:
top: 45%
left: 18%
width: 50%
background-color: rgba(50,50,50,0.3)
background-size: 100% 100%
border-radius: 20px
color: "#999999"
If I hash out the line '“background-color: rgba(50,50,50,0.3)”` it removes the double border but I lose my colour scheme.
Does anyone have any experience of this kind of issue?
Many thanks