so is the template in the wrong location? this is what I see:
Please read button-card and decluttering-card README’s from their Github. You’re not using the templates correctly.
Also please post code inside the code format, like this:
- Paste your code in here so it uses the correct formatting and indents.
Like this
Button-card template should be declared in your lovelace yaml at the top under:
button_card_templates:
And for decluttering- card templates:
decluttering_templates:
So all you need to do is add those two in your lovelace yaml and copy/paste the templates under in and make sure your indents are correct.
Wow thanks for the quick response. I have moved the button card info and now it is working! I have visited several dozen websites about the lovelace ui yaml file and how to use templates not seen anything clearly stated about where to place these.
New to HA, now I know I will put all code in the correct format.
1 Like
Happy you got it working 
Will this be released in HACS? 
Unfortunately not. I have no experience with coding in order to create a custom card. My card basically uses other cards to build this layout. I would need to create a complete stand alone card where I re-write the used components. I would love to do this, because then I won’t depend on other cards, but I have no coding experience at the moment.
1 Like
Great Work @asnnetworks, but one more small question : how can we ‘shrink’ that card ? Currently it’s taking a lot of space on my dashboard
It just takes the whole width like any card works. So if you want to take it less space, use it in other cards like horizontal-stack, vertical-stack, grid or layout-card.
this post is from almost 2 years ago, but i still hope someone would be able to help here…
since few days I;m trying to style the media player pop up card
I saw your examples, but I feel that I;m missing something important, but pretty easy.
What I understood I should define style in the lovelace editor , correct?
Can you please share the direct code:
what I currently have:
type: custom:stack-in-card
background: false
mode: horizontal
cards:
- type: custom:media_player-popup-card
entity: media_player.salon
icon: mdi:television
fullscreen: false
actionsInARow: 1
sliderWidth: 80px
sliderHeight: 150px
actionSize: 50px
borderRadius: 12px
sliderTrackColor: grey
card_mod:
style: |
ha-card {
background: green;
box-shadow: none;
}
actions:
- service: media_player.turn_off
service_data:
entity_id: media_player.salon
name: Salon
icon: mdi:power
- type: custom:media_player-popup-card
entity: media_player.lazienka_2
icon: mdi:toilet
fullscreen: false
actionsInARow: 1
sliderWidth: 80px
sliderHeight: 150px
actionSize: 50px
sliderTrackColor: grey
actions:
- service: media_player.turn_off
service_data:
entity_id: media_player.lazienka_2
name: Łazienka
icon: mdi:power
- type: custom:media_player-popup-card
entity: media_player.sypialnia
icon: mdi:bed
fullscreen: false
actionsInARow: 1
sliderWidth: 80px
sliderHeight: 150px
actionSize: 50px
sliderTrackColor: grey
actions:
- service: media_player.turn_off
service_data:
entity_id: media_player.sypialnia
name: Sypialnia
icon: mdi:power
what I want to achieve - change the background of this card
I really appreciate any advise!!!
1 Like
Hi, from what I can remember, editing the background of that card was very annoying. I wasn’t so experienced with card_mod shadows and variables, so I ended up editing the code from the card and saving that as an alternative. It was this line in the .js file of that card:
:host {
background-color: var(--background-popcard);
}
And then I added background-popcard in my themes as a color, so I could change that more easily. In my case I wanted the background to be completely gone, so I used:
background-popcard: 'rgba(0, 0, 0, 0.00)'
But you should be able to alter with card_mod. You should ask for help in the card_mod thread, since that’s also what you’re trying to use. There are some great minds there, so I’m sure they can help you find the correct code.
I don’t use this card anymore the way I used it in a horizontal-stack, so I can’t help you any further.
Hey Steve love your dashboard. Just wonder how do you get the football games schedule showing on HA?
Thanks 
I can’t take credit for that part though a guy on Reddit helped me set it a while ago now.
It’s basically a node red flow with code that drags info from the sky sports fixture list so if that changes this changes.
HERES the original post where he helps me.
I can export my node red flow next time I’m on my laptop then you just import that and copy across the images to the correct folder
And if you want the custom pop up you need to add some custom cards and some code to the “raw configuration”
It’s all on that link if you want to try yourself for now.
1 Like
thanks mate will have a go at it
Hello all,
great project, thanks developers.
I have implemented it and now try to set the dark mode.
Where can I set this text color?
Text-color in my themes.yaml seems to change all colors, however I want to change only in this card.
Where to change the bottom color? accent-color seems to have no effect.
That’s part of mini-media player card I integrated in my card. You can change those by using the theme variables (in your theme.yaml) listed here:
Just came across this card it’s looks very interesting going to have a play.
Where about is the code for v2 of the card?
Click the links in the post I linked in my top post:
At the bottom you can open the collapsed items.
1 Like
Got this working last night, look great and works well. I see you can collapse the card work not on playing.
Where abouts would the code go if you don’t use the template?
Thanks
Hi Guys,
I need your help please. I can’t even get started with this error message.
Can someone give me a tip here?
Post your code, not just a screenshot. Also make sure you have all the necessary cards installed and loaded correctly.