search

DBuit / sidebar-card

406 stars 39 forks source link

Transparent background? #52

Closed Salsalove closed 10 months ago

Salsalove commented 2 years ago

Which way to have a transparent background of the sidebar?

TheBigSadd commented 2 years ago

I'm trying to get it working to here. i already tried hex codes and : rgba(255, 0, 0, 255); with no luck. NGL kinda a noob wen its comes to CSS

crixle commented 2 years ago

Not the creator, just providing some insight. The way the card works is by moving lovelace over to the side 20% (or whatever you set) and places the sidebar there. So it's two different elements, so when you set it to be transparent it doesn't have anything to reveal behind it.

itsboo07 commented 2 years ago

Not the creator, just providing some insight. The way the card works is by moving lovelace over to the side 20% (or whatever you set) and places the sidebar there. So it's two different elements, so when you set it to be transparent it doesn't have anything to reveal behind it.

is it possible to set a image as background of the sidebar?

jwaz73 commented 1 year ago

In case you haven't found an answer to your question yet, yes. I have done just that since the transparent sidebar was not an option. image (Sorry for the screenshot of the code. Couldn't get the code formatting to work in GitHub tonight...) image

itsboo07 commented 1 year ago

@jwaz73 thanks....I too use the same way

Ronny-1979 commented 8 months ago

Hello, it is possible to make the background transparent. But only works with an animated background.

https://github.com/dreimer1986/lovelace-animated-background

https://github.com/DBuit/sidebar-card/assets/21090255/b11bca9c-c401-4356-b490-42f4dac55d19