A few css bits mostly from other people

[arrbee99 1814]

I'll see if I can dig out those other bits you mentioned in a bit. As mentioned (frequently) its not the most organised and I don't have much idea how things interact with each other, but hopefully soon.

[King Pin 34]

2 minutes ago, arrbee99 said:

Nope, thats me demonstrating how disorganised I am.

 

I was able to change the alphapicker size proper for me. 

I'll fiddle around and see if I can also figure out the other stuff. 

It seems with all the duplicate info you have to make changes to all of it and not just one section for it take? 

BTW My screen is 100% in Brave/Chrome

[arrbee99 1814]

Well, I like to think there aren't too many actual duplicates, more that there's a bit of a variation in there somewhere or one of them is commented out or similar. Please try to resist the temptation to prove me wrong  

But I guess if there's three of something then killing two of them leaves the last too still wreak havoc...

[Happy2Play 9780]

1 hour ago, arrbee99 said:

As you can tell, I rely a lot on Happ2Play, so I never know what to use with units - pixels, percentages, ems, whatever.

Full screen for me

 

1 hour ago, King Pin said:

1- I want to get rid of the black tint that is over the home page. 

1 hour ago, King Pin said:

/* Move down to make space for backdrop and logo - Home and Favourites */
div.view-home-home .verticalSections {
    position: relative;
    top: 16em;
    background: rgba(0, 0, 0, 0.5);
}

change background to none

1 hour ago, King Pin said:

2 - I'd like to totally remove the grey border around all media. 

Hmm looks like a lot of redundant code here in triplicate

But needs added I guess to all unless redundant code is removed.

Quote

div.cardBox .cardContent:not(.detailMainContainer .cardContent):not(div.latestSection .cardContent):not(div.recentlyPlayedSection .cardContent):not(div.frequentlyPlayedSection .cardContent):not(div.nowPlayingSessions .cardContent):not(.cardImageContainer-sideFooter):not(div.homeSectionsContainer div.scrollSlider div:nth-child(1) div.flex-direction-row div.itemsContainer div div button)

 

 

1 hour ago, King Pin said:

3 - Resize "My Media" images.  If you can tell me the line I can fiddle around to size it properly. edit: I already have it set to extra small in the options. 

Not in this custom code so you look at default Card code and may need targeted pretty sure there are other topics on this one.

  

1 hour ago, King Pin said:

4. The "alpha picker" I think it's called that goes vertically down the screen (#-Z) I need to resize that also. 

lol lots of dups but the font-size

 

Things are getting harder again as specific targets are getting to be to generic.

Edited October 7, 2025 by Happy2Play

[King Pin 34]

@Happy2Play

Would you have any idea on how to fix the initial issue I'm having in this post? https://emby.media/community/index.php?/topic/103605-a-few-css-bits-mostly-from-other-people/page/8/#findComment-1475963

 

God bless @arrbee99but there is a heck of a lot of work and time to try and get this going. 

[Happy2Play 9780]

3 minutes ago, King Pin said:

@Happy2Play

Would you have any idea on how to fix the initial issue I'm having in this post? https://emby.media/community/index.php?/topic/103605-a-few-css-bits-mostly-from-other-people/page/8/#findComment-1475963

 

God bless @arrbee99but there is a heck of a lot of work and time to try and get this going. 

Thought you already fixed it

Quote

/* Move down to make space for backdrop and logo - Home and Favourites */
div.view-home-home .verticalSections {
    position: relative;
    top: 16em;
    background: rgba(0, 0, 0, 0.5);
}

[arrbee99 1814]

Hopefully, to adjust My Media size find -

div.scrollSlider.focusable.itemsContainer {
    width: 114%;
}

and change percentage.

To get rid of grey on Home page get rid of  'background: rgba(0, 0, 0, 0.5);' from below -

/* Remove for Spotlight implmentation */
/* Move down to make space for backdrop and logo - Home and Favourites */
div.view-home-home .verticalSections {
    position: relative;
    top: 56em;
    background: rgba(0, 0, 0, 0.5);
}

 

[arrbee99 1814]

Dare I say 'Hopefully' to get rid of grey border round stuff search for -

 box-shadow: 0 0 0 4px #808080;

and get rid of (or comment out before you get rid of...)

[Happy2Play 9780]

Just now, arrbee99 said:

Dare I say 'Hopefully' to get rid of grey border round stuff search for -

 box-shadow: 0 0 0 4px #808080;

and get rid of (or comment out before you get rid of...)

Yes I miss read and wanted all media and from only my media.  Remove this three times.

Quote

div.cardBox .cardContent:not(.detailMainContainer .cardContent):not(div.latestSection .cardContent):not(div.recentlyPlayedSection .cardContent):not(div.frequentlyPlayedSection .cardContent):not(div.nowPlayingSessions .cardContent):not(.cardImageContainer-sideFooter) {
    box-shadow: 0 0 0 4px #808080;
}

 

[King Pin 34]

@Happy2Play oops I meant the smokey background, not sure how to explain it.  The shadow/haze that covers the background.  It's #1 on the image. 

I appreciate the help folks. 

I will take a look at all this later on today. 

Thanks @arrbee99

[King Pin 34]

Everyone that has been mentioned has worked so far so thank you very much. 

Except one weird thing. 

There is still that grey border only on the homepage and only on a few rows. 

You can see the rows marked with the red & white arrow on the left hand side.  

 

Edited October 7, 2025 by King Pin

[Happy2Play 9780]

2 hours ago, King Pin said:

There is still that grey border only on the homepage and only on a few rows. 

Did you remove this or change them to box-shadow:none;?  Note arrbee99 code has it listed like three times as mentioned and shown in screenshot.

Quote

div.cardBox .cardContent:not(.detailMainContainer .cardContent):not(div.latestSection .cardContent):not(div.recentlyPlayedSection .cardContent):not(div.frequentlyPlayedSection .cardContent):not(div.nowPlayingSessions .cardContent):not(.cardImageContainer-sideFooter) {
    box-shadow: 0 0 0 4px #808080;
}

[arrbee99 1814]

Also, not sure if you're using old version or new, but if old there might be another one in there somewhere.

[King Pin 34]

I figured it out.

After noticing there was a size difference between Movie and TV posters I checked my CoverArt Plugin and somehow it was only workin for movie folders. 

If you notice in the image the size difference and lack of coverart for the second row of posters?

Well I added the Coverart to tv posters and all is good now.

 

After a lot of messing around I think I have everything back to where I like it.

Except one thing as shown in the second image.

Can the height of this black area be reduced and the "Home Favorites" buttons are moved to the top ?