Always appears left aligned and to small

[enricocirne]

I am just trying to place this module in the middle_center, but it always appears to the left side of the middle.

Is there a way to get it in the very center? And is there an option to make it appear bigger? width: xx and height: xx are not working

[Fabrizz]

Styling should be done using your MM2 css/custom.css. What do you want to achieve? In the middle + bigger or a full screen module?

[Fabrizz]

You can add this to your custom.css file to make it appear in the center (thanks for pointing this out, will be a fix in the next update) and to make it bigger:

/* MMM-OnSpotify | Center module, make it bigger */
.MMM-OnSpotify.module {
    display: flex !important;
    justify-content: center !important;

    /* Size is calculated based on font-size */
    font-size: 24px !important; /* or 30px, 40px, etc*/
}

Note that the color blobs in the background are fixed in size, so you maybe need to make them bigger too.

[Colinwehrhan]

Hey I ran into this as well. I think a lot of ppl are using this module as a standalone monitor for their living room. Maybe also look into making "fullscreen_above" or "fullscreen_below".

I did a little bit of a hacky way to get around this. In my /home/colinwehrhan/MagicMirror/css/custom.css:

body  {
transform:scale(2.0);
}

.region.bottom.center {
  transform: translateX(-50%) translateY(-90%);
  }

[Colinwehrhan]

Never mind, my hacky way the ablum art and the now playing would move around. I ended up doing this to my custom.css:

body  {
transform:scale(2.0);
}

/*
.region.bottom.center {
  transform: translateX(-50%) translateY(-90%);
  }
*/

/* MMM-OnSpotify | Center module, make it bigger */
.MMM-OnSpotify.module {
    display: flex !important;
    justify-content: center !important;

    /* Size is calculated based on font-size */
    font-size: 24px !important; /* or 30px, 40px, etc*/
}

[Fabrizz]

You should be able to remove the transform: scale(2.0); and just change the font-size, but the background needs to be manually scaled

[Colinwehrhan]

Sounds good, I'll try that out. Any way to make the play bar bigger? Looks pretty sick already on the retro setup!

[Fabrizz]

.ONSP-Base .player .footer {
    --CUSTOM-FOOTER-WIDTH: 500px; /* Change here */
    width: var(--CUSTOM-FOOTER-WIDTH) !important;
    translate: calc((var(--ONSP-INTERNAL-PLAYER-SIZE-WIDTH) - var(--CUSTOM-FOOTER-WIDTH)) /2) 0px;
}

Edit: Also, I did not expected my module to be in a CRT, it looks amazing!

[enricocirne]

You can add this to your custom.css file to make it appear in the center (thanks for pointing this out, will be a fix in the next update) and to make it bigger:

/* MMM-OnSpotify | Center module, make it bigger */
.MMM-OnSpotify.module {
    display: flex !important;
    justify-content: center !important;

    /* Size is calculated based on font-size */
    font-size: 24px !important; /* or 30px, 40px, etc*/
}

Note that the color blobs in the background are fixed in size, so you maybe need to make them bigger too.

Hei there,

thanks for your quick answer, it did work perfect!!

Also thanks for your great work, one of the best modules available. :)