Finimalism [Updated for 10.11.X]

[Ted Hinklater]

Ah cheers Iskelderon Just realised I've been tinkering away on this for a year now.. It's been a fun way to learn how it all works!

[man0000]

Hey yeah there's an update coming through to fix that, , in the meantime after your import lines just add this (adjust to preference)

Code:

#homeTab { font-size: 70%!important;}

sorry for the inconvenience there

Hi, 
DON'T WORRY!.
THANKS for the fast reply...

Hi again,

I don't know if jsdelivr hasn't updated yet (If so, I apologise for this post) but again the resize has changed and is a mess.
As you can see in the captures, the zoom % has no sense at all. 100% shows more than 90% and the rest is crazy...











In the Custon CSS code I only have thr finimalism7.css

Am I doing anything wrong?...

PS: the #homeTab { font-size: 70%!important;} changes nothing.

[Ted Hinklater]

I'm not sure how small you want it, you can play with these numbers

Code:

@import url("https://cdn.jsdelivr.net/gh/tedhinklater/finimalism@main/finimalism-just-black.css");

.layout-desktop #homeTab .overflowPortraitCard, .layout-tv #homeTab .overflowPortraitCard, .layout-desktop #homeTab .overflowSquareCard, .layout-tv #homeTab .overflowSquareCard 
{width: 9.85em !important;} /* Posters and Album sizes */
.layout-desktop #homeTab .card.overflowBackdropCard, .layout-tv #homeTab .card.overflowBackdropCard 
{width: 16.42em !important;} /* Next Up and Continue Watching sizes /*

[Iskelderon]

For my tastes, I just overrode all of that with this:

Code:

.layout-desktop .overflowBackdropCard, .layout-tv .overflowBackdropCard,
.homePage .verticalSection.section1 .itemsContainer .card.overflowBackdropCard,
.homePage .verticalSection.section2 .itemsContainer .card.overflowBackdropCard,
.homePage .verticalSection.section3 .itemsContainer .card.overflowBackdropCard,
.homePage .verticalSection.section4 .itemsContainer .card.overflowBackdropCard {
    width: 20.4em !important;
}

.bannerCard  .cardScalable {
    min-height: 12em;
}

[haze]

Hi, could you possibly make a patch that would repair how this theme looks on 21:9 monitors (web version)? The box on the left containing poster and buttons have no height limit so it takes too much space which result in cutting details like original title. I tried to repair it myself with custom css, but I failed.
This is how it looks on 21:9:

[Ted Hinklater]

Hey I added a fix this morning but looks like it hasn't come through yet

Just add this to your CSS box (after the import line)

Code:

@media (min-width: 3500px) {
body {
font-size: 200%;
}
.cardOverlayButton-hover {
font-size: 0.95em;
}
}

@media (min-aspect-ratio: 20/9) and (max-aspect-ratio: 22/9) and (min-width: 2500px) and (max-width: 3499px) {
body {
font-size: 150% !important;
}
.layout-desktop .detailSectionContent,
.layout-tv .detailSectionContent {
font-size: 1.2em;
}
.layout-desktop .itemExternalLinks.focuscontainer-x,
.layout-tv .itemExternalLinks.focuscontainer-x {
font-size: 0.9em !important;
width: 18em;
top: 51em;
}
}

[haze]

Hey I added a fix this morning but looks like it hasn't come through yet

Just add this to your CSS box (after the import line)

for some reason adding this code only works on chrome
I've tested it on firefox, opera and edge and this doesn't work on those browsers

[Ted Hinklater]

Just to double-check, you've added the CSS to the Dashboard > General "Custom CSS Code" field, and not the Settings > Display > "Custom CSS Code" field?

The jsdelivr link has fully updated now, so it shouldn't require any extra lines.

You can also use Ctrl+F5 or clear your cache, to make sure your browser isn't using a cached version of the theme instead of fetching the latest.

Can I also ask is your display resolution 3440x1440?

[haze]

Just to double-check, you've added the CSS to the Dashboard > General "Custom CSS Code" field, and not the Settings > Display > "Custom CSS Code" field?

The jsdelivr link has fully updated now, so it shouldn't require any extra lines.

You can also use Ctrl+F5 or clear your cache, to make sure your browser isn't using a cached version of the theme instead of fetching the latest.

Can I also ask is your display resolution 3440x1440?

Yes, I've added it through admin dashboard. My resolution is 3440x1440. It definitely did the job, because it works on chrome. On other browsers it works, but only in full-screen mode (after clicking F11). Clearing cache doesn't make any difference.

[Ted Hinklater]

Yes, I've added it through admin dashboard. My resolution is 3440x1440. It definitely did the job, because it works on chrome. On other browsers it works, but only in full-screen mode (after clicking F11). Clearing cache doesn't make any difference.

Got it, sorry to ask the obvious there. This should be a much simpler fix, will work at any height.

Code:

@import url("https://cdn.jsdelivr.net/gh/tedhinklater/finimalism@main/finimalism7.css");
@media (min-width: 2000px) {body {font-size: 1.7vh !important;}.layout-desktop .detailSectionContent,.layout-tv .detailSectionContent {font-size: 1.2em;}.layout-desktop .itemExternalLinks.focuscontainer-x,.layout-tv .itemExternalLinks.focuscontainer-x {font-size: 0.9em !important;width: 18em;top: 51em;}}@media (min-width: 2500px) {.cardOverlayButton-hover {font-size: 0.9em;}}