.homeSectionsContainer

[arrbee99 1814]

Has someone kindly(?) removes the above ?

[Happy2Play 9780]

2 hours ago, arrbee99 said:

Has someone kindly(?) removes the above ?

What do you mean as they are controlled by your Home Screen settings?

[arrbee99 1814]

Well (if its an Emby thing), I had the My Media row set to not wrap, My Media pushed down the page to show a picture behind it from a web page. Also there was a name to go with the picture added before My Media.

Now My Media wraps, there is no space above My Media and no name to go with the image.

so it was like this -

and they used css including homeSectionsContainer and section0

[arrbee99 1814]

eg

/* Move My Media down to show 1 row and add grey background HAPPY2PLAY */
.homeSectionsContainer {
    position: relative;
    top: 56em; 
    background: rgba(0, 0, 0, 0.5);
}

 

/* Add logo to match background image on home page */

.sections.homeSectionsContainer::before {
    content: '';
    display: block;
    background-image: url(https://www.pngall.com/wp-content/uploads/13/Harry-Potter-Logo-PNG-Pic.png);
    width: 80%;
    margin: 1em auto 0 auto;
    height: 16em;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

and

/* Make My Media not wrap */
div.homeSectionsContainer div.section0 div.scrollSlider {
    flex-wrap: nowrap;
}

[Neminem 1516]

Do you get a arrow when mousing over the row ?

If I zoom 125% i get that arrow.

[Neminem 1516]

Zoom below 125% 

[arrbee99 1814]

Zoom where ?

At the moment I have -

Winows set to System Display Scale 125%

Firefox zoom set to 150%

Emby css My Media to 118% i.e. -

/* Increase My Media image size */
div.homeSectionsContainer div.section0 div.scrollSlider {width: 118%;}

though as you can see, thats another homeSectionsContainer thing.

[Happy2Play 9780]

System scaling will affect resolution here also.  

What server version as the element is going way in next release (4.9.x.x)?

 

 

 

[arrbee99 1814]

Its the latest beta .18.

Don't know why anything has to go away when its fine like it is.

[Happy2Play 9780]

CSS is always changing per release.  Just like it looks like section0 is gone also.

So .HomeSectionscontainer will be .view-home-home with the new issue of trying to be specific on sections as I don't really see a way right now besides something like first-child (div:nth-child(1)).

The fun of reworking all css when you notice it no longer works.

So something like this

div.view-home-home div div:nth-child(1) div.scrollSlider {width: 118%;}

 

Edited August 16, 2025 by Happy2Play
added update

[sh0rty 714]

On 8/15/2025 at 7:04 AM, arrbee99 said:

Well (if its an Emby thing), I had the My Media row set to not wrap, My Media pushed down the page to show a picture behind it from a web page. Also there was a name to go with the picture added before My Media.

Now My Media wraps, there is no space above My Media and no name to go with the image.

so it was like this -

and they used css including homeSectionsContainer and section0

Would be very interesting to see the code for your homepage with the poster+logoart.

[arrbee99 1814]

The old stuff that now doesn't work or the new which I'm, so far, incapable of getting to work ?

[sh0rty 714]

8 minutes ago, arrbee99 said:

The old stuff that now doesn't work or the new which I'm, so far, incapable of getting to work ?

Lets agree on posting it when you got it working. 

[arrbee99 1814]

Hope you're not in a rush then. I'm sure I'll be begging Happy2Play for help (again) soon enough...

[Luke 42077]

I think it might just have a different class name because lots of screens are using the same rendering now.

[arrbee99 1814]

14 minutes ago, Luke said:

I think it might just have a different class name because lots of screens are using the same rendering now.

As you can tell I know nothing about css which is why I think people are kind enough to help, so do you mean you might give My Media a different class name in the future, or something else ?

[arrbee99 1814]

The closest I've got so far is using -

/* Move My Media down to show 1 row and add grey background HAPPY2PLAY */

div.view-home-home div div:first-child  div.verticalSection {
    position: relative;
    top: 56em; 
    background: rgba(0, 0, 0, 0.5);
}

 

/* Make My Media not wrap */

div.view-home-home div div:nth-child(1) div.scrollSlider {flex-wrap: nowrap;}

 

/* Add logo to match background image on home page */

div.view-home-home div div:first-child div.verticalSection::before {
    content: '';
    display: block;
    background-image: url(https://www.pngall.com/wp-content/uploads/13/Harry-Potter-Logo-PNG-Pic.png);
    width: 80%;
    margin: 1em auto 0 auto;
    height: 16em;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

 

but don't think the child thing works cause I get Harry Potter almost everywhere and not just at the top -

and

 

 

[Luke 42077]

I will just add back the homeSectionsContainer class.

[arrbee99 1814]

Coolio. Thanks very much.

[arrbee99 1814]

On 8/17/2025 at 3:07 PM, Luke said:

I will just add back the homeSectionsContainer class.

Please please don't forget.

[Luke 42077]

Did I forget?

[arrbee99 1814]

Well, I've commented out the css I was trying to use to replace the homeSections stuff and the previous homeSections stuff that was commented out should now be working again, but still looks unfixed (compared to Alien above). Should be the same as post#4 above -

But it does do something to Favorites for some reason -

 

[Luke 42077]

I think your css will just have to adjust to the new markup. It’s not radically different but there are some changes in order to pave the way for new features.

[arrbee99 1814]

I shall try to do so. Hopefully its still possible to do the same thing. I couldn't spot anything homeSections related so far...

Any hints maybe please ?

[Luke 42077]

What do you mean?