Adjust 'AlbumArt' in Playlist View

[Guest]

This is a little CSS code to help you align your Album Art vertically by percentage, and adjust your bottom-margin...

The numbers can be adjusted to your liking and viewing preference.

I found that after saving you should restart your browser and go back to see the changes..

div.osdPoster-img {
	    margin: 0;
	    max-height: 60%;
        margin-bottom: 10%;
}

Optionally you can hide the song information under the artwork..

h2.videoOsdParentTitle {
	display: none;
}

 

An example..

Before:

After:

Edited March 17, 2021 by Guest

[arrbee99 1815]

Quick hi-jack, cos I'm like that.

This is my preferred album art -

I should probably get rid of those baby album images on the right as well....

[Guest]

A little more difficult .. but totally do-able... I hid those already.. The next thing is to change the CSS so that the area for the player and art extend all the way over..

What I would like to see is it in the form of a slide out drawer that will appear when you mouseover that area of the screen..

'display: none;' is always cool for those unwanted items..LOL

Edited March 17, 2021 by Guest

[arrbee99 1815]

I just posted about getting rid of those images. You know how ?

[arrbee99 1815]

You mean this ?

/* Make Music Backdrop Full Screen and Make Playlist Transparent */
div.backdropContainer.backdropContainer-remotecontrol {right: 0%;}
div.upNextBar.upNextBar-static.flex.align-items-center {background: rgba(0,0,0,.33)!important;}
div.osdPlaylist.flex.flex-grow.hide.osdPlaylist-hidden {background: rgba(0,0,0,.33)!important;}

[Guest]

I was playing with it.. Using Edge and 'Inspect' with notepad.. LOL.. Haven't got the big toys out in a while..

 

EDIT: Will try this out though awesome..

Edited March 17, 2021 by Guest

[arrbee99 1815]

Obviously I kill the album art and brighten the background, but people obviously like different things. The command I use for that also brightens backgrounds for Movies etc as well, which I also like, but....