Style favorite items (card_mod)

[frederik0312]

I would like a simple way to display spotify content within the card.

Right now i have to click favorites -> browse media -> spotify -> playlists -> my playlist of choice

i would love for my playlists to be integrated in the player with the spotify feature so my path would look like this:
favorites -> and then have the classic spotify playlists interface Cover art + name.

Is this already possible or it it something that could be added?

Thanks!

[punxaphil]

It's not possible I'm afraid, but what you can do is to go in to the Sonos app and add your Spotify playlists to "my Sonos", then they will show up directly under favourites in the card.

[frederik0312]

Thanks, ill do that. Do you know how i Can style it myself to be bigger and in a grid formation? With cardmod? I find it really dificult to find the right dom elements😌

[punxaphil]

Have you read the docs? 😄

type: custom:sonos-card
mediaBrowserItemsPerRow: 5

[frederik0312]

thanks! yes i have read it many times trying to figure it out :) Guess I must have missed it

[frederik0312]

I would love to style the favorite section a bit, could you provide me with the cardmod path to the playlist img element? i have been trying for a few hours now, would mean alot if it is possible :)

[punxaphil]

type: custom:sonos-card
mediaBrowserItemsPerRow: 4
mediaBrowserShowTitleForThumbnailIcons: true
card_mod:
  style:
    sonos-media-browser$ sonos-media-browser-icons$: |
      div {            
        border: 1px solid white;
        color: red !important;
      }  

---

[rolox2022]

HI, also trying to "style" the favorite section...trying with card-mod a bit, what i'm looking for is a kind of "Pressed" style as long the button is pressed/clicked as visual feedback ....
any hints ?

[punxaphil]

🤷‍♂️

[punxaphil]

@frederik0312 You can add your custom buttons to favorites: https://github.com/punxaphil/custom-sonos-card?tab=readme-ov-file#custom-favorites--sources

---

PunxaPhil