Album art from LastFm Module covering weekly forecast?

Anthony_Haddad

Hey guys, I hope you all had a Happy New Year! I installed the Last FM Module over the recent holiday, but once I started up the MM I realized that the Album Art is covering the forecast as shown below. Unfortunately I only know Python fluently and my CSS isn’t the best hahaha I would like to keep this module in the corner is it possible?

Thanks in advance
-Tony

strawberry 3.141

@Anthony_Haddad i guess the newsfeed is in bottom_bar? bottom_bar is underneath of bottom_right https://forum.magicmirror.builders/topic/286/regions set the region of the newsfeed to bottom_center

Anthony_Haddad

@strawberry-3.141 Yes, you were right! It worked! Thank You! BUT unfortunately the album art is still covering the last two lines of the weekly forecast. Here is the CSS for the module: https://github.com/PtrBld/MMM-Scrobbler/blob/master/MMM-Scrobbler.css Is it possible to reduce the size of the album art? I’ve tried playing with the numbers but only managed to move the module more to the right…

broberg

@Anthony_Haddad

There is no class assigned in the js file, so you might have to change some code.

find

<img src='"+ this.songData.image +"' width='200'>

in the MMM-Scrobbler.js change it to

<img src='"+ this.songData.image +"' width='150' height='150'>

strawberry 3.141

@Anthony_Haddad did you try

.MMM-Scrobbler .album-art img {
  height: 150px;
  width: 150px;
}

Anthony_Haddad

@broberg Thanks mate! It does reduce the size of the album art, you wouldn’t happen to know how remove the title of the album? So the module could drop down a little further as everything is still cramped up. Thank you for your help so far.

strawberry 3.141

@Anthony_Haddad

.MMM-Scrobbler .album-name {
  display: none;
}

Anthony_Haddad

@strawberry-3.141 @broberg Thank you so much guys! It looks perfect!