About Poster Frame - EmbyServer 4750

[Guest]

Hi,
I use square logo for tv channels.
As you can see in the image, these square logos are displayed but a frame that delimits the size of the poster is still displayed.
Would it be possible to use a CSS/HTML to remove this frame so that in the case of a square poster the homepage does not show this "flaw" ?
Thanks a lot for any tips.

[Happy2Play 9780]

@CarlosLima You mean change the card aspect ratio for 2/3 to 1/1?

If so you need to target the specific row/section on Home Screen.

div.homeSectionsContainer div.section4 .cardPadder-portrait {aspect-ratio: 1/1;}

 

[Guest]

Hi, I think so, you understand perfectly.
In my case, on the Emby homepage I use this order for all users:
1 - Continue watching.
2 - My Media (small)
3 - Live TV
4 - Recent Media.
In this overview, should I replace your div.section4 to div.section3 ? Thanks

Edited June 29, 2022 by CarlosLima

[Happy2Play 9780]

7 minutes ago, CarlosLima said:

Hi, I think so, you understand perfectly.
In my case, on the Emby homepage I use this order for all users:
1 - Continue watching.
2 - My Media (small)
3 - Live TV
4 - Recent Media.
In this overview, should I replace your div.section4 to div.section3 ? Thanks

No as the number on the Home Screen Menu does not reflect the html section as they are off by one as it starts with section0.  So yours should be section2.

[Guest]

For me it's really section2 and it was perfect. You are the best, thank you very much.

PS - Hides the frame lines around the poster isn't it possible?

[Happy2Play 9780]

12 minutes ago, CarlosLima said:

PS - Hides the frame lines around the poster isn't it possible?

Where did the image come from?  Are you sure that is not the image itself?  Can you post one of the image?

[Guest]

I mean these almost transparent lines. I would like to make them to 100% transparent.

[Happy2Play 9780]

21 minutes ago, CarlosLima said:

I mean these almost transparent lines. I would like to make them to 100% transparent.

Ok had to look at that image at a different angle as I was not seeing what you were showing, as I don't see this on mine.

But I believe that is box-shadow.

div.homeSectionsContainer div.section2 .cardContent-shadow {box-shadow: none;}

 

Edited June 29, 2022 by Happy2Play

[Guest]

2 minutes ago, Happy2Play said:

But I believe that is box-shadow.

Yeah, box-shadow.

 

[Guest]

Hi, I'm not sure it's the shadow of the box as the code didn't work. It doesn't really matter, I just thought it might hide the 'shadow'. Thank you very much for your efforts.

[Happy2Play 9780]

12 minutes ago, CarlosLima said:

Hi, I'm not sure it's the shadow of the box as the code didn't work. It doesn't really matter, I just thought it might hide the 'shadow'. Thank you very much for your efforts.

There are only two styles there "background-color" and "box-shadow".

default code from console

[Guest]

Looking at Emby's themes, I noticed that in Superman the shadow of the box is more evident and in others it is imperceptible. Only the eyes of a 'boring guy' like me can tell. lol
Thank you very much.