Highly Configurable/Customizable

[greedyvegan]

can I change the height & width of the album art/cover?
(or the module overall?)
I have a module I want to hide while spotify is playing so when its not playing the other module is visible.

I want to cover the entire module with the spotify module.
Do I make changes in the magicmirror/modules/MMM-OnSpotify/css/custom.css or magicmirror/css/custom.css?

[Fabrizz]

You should make changes to magicmirror/css/custom.css as they don't get overwritten. You can change the module size using

magicmirror/css/custom.css

/* MMM-OnSpotify | Change sizes */
.MMM-OnSpotify.module {
    /* Size is calculated based on font-size */
    font-size: 24px !important; /* or 20px, 18px, etc*/
}

You can use CSS :has :is to select stuff from other sibllings
(change newsfeed to your module name or how its namedin the css)
(If the chromium browser version older than 2022, it maybe does not have :has:is support)

magicmirror/css/custom.css

/* MMM-OnSpotify | Opacity of third party based on state */
.region:has(.ONSP-Custom .playing) :is(.module.newsfeed) {
  opacity: 0 !important;
}
.module.newsfeed {
  transition: opacity 500ms;
  opacity: 1 !important;
}

Grabacion.2024-04-16.223217.mp4

[greedyvegan]

thank you very much