Can I change display size of the posters in main library?

[musicmafia 35]

Is there a way to change the display size of the poster thumbnail images on my movie library page? I wanted to make them smaller so more movies would display on each screen. I could have sworn I saw a setting for this somewhere. Thanks. 

[GrimReaper 3294]

3 minutes ago, musicmafia said:

I could have sworn I saw a setting for this somewhere.

Not in Emby. Should be possible via custom CSS, I'll move your topic to respective forum section. 

[Happy2Play 8282]

Currently there are not options for this.  But for the web client yes via css.

You could show your support for this FR.

 

[Happy2Play 8282]

@musicmafia are you looking for custom css for the web client or more of a global option for all clients?

[musicmafia 35]

Unfortunately I'm not very tech savvy and don't know what css is. 

I watch most of my movies on my TV via the Emby app on Fire Stick. That's where I thought I saw an option for this, but I'm managing my library on my web browser and could find no way to set it so more movies would show up on screen per page.

Thanks for all the help. (And I added a +1 to the thread above).

[GrimReaper 3294]

1 minute ago, musicmafia said:

I watch most of my movies on my TV via the Emby app on Fire Stick.

Then you shouldn't have posted that image, as it's a different client app.

AndroidTV app (that you use on FireStick) indeed has that option, you can set Default image size for all libraries in app settings OR for each library individually, click three dots along right screen edge once inside any library view.

[Happy2Play 8282]

@musicmafia it would not apply to you client but here is the code for the web client.

 

[musicmafia 35]

Just now, GrimReaper said:

Then you shouldn't have posted that image, as it's a different client app.

AndroidTV app (that you use on FireStick) indeed has that option, you can set Default image size for all libraries in app settings OR for each library individually, click three dots along right screen edge once inside any library view.

Yes, I must have previously changed the sizes while using the TV and am now seeking a way to do it on my web browser, which doesn't sound like an option at this time. The image is a screen shot from my web browser (Chrome).

[GrimReaper 3294]

1 minute ago, musicmafia said:

and am now seeking a way to do it on my web browser,

You can do it with CSS that @Happy2Play posted. 

[Happy2Play 8282]

2 minutes ago, GrimReaper said:

You can do it with CSS that @Happy2Play posted. 

Depends on the connection method as it will not work on the online web client.

[musicmafia 35]

That's awesome. Sorry for the stupid question, but where do I navigate to enter that info? Then I just copy/paste what Happy posted?

[musicmafia 35]

So it won't work on Chrome (or any) web browser?

[GrimReaper 3294]

Before that, how do you connect to your server in browser, via IP:port or app.emby.media? As that'll work only in former case (local web app) and not latter (hosted web app)? 

[Happy2Play 8282]

Just now, musicmafia said:

That's awesome. Sorry for the stupid question, but where do I navigate to enter that info? Then I just copy/paste what Happy posted?

Dashboard-Setting, custom css box.

Just now, musicmafia said:

So it won't work on Chrome (or any) web browser?

Won't work on Connect ie (app.emby.media).

[musicmafia 35]

8 minutes ago, GrimReaper said:

Before that, how do you connect to your server in browser, via IP:port or app.emby.media? As that'll work only in former case (local web app) and not latter (hosted web app)? 

Not sure but when I sign in to Emby on my browser, the address says localhost, some numbers and web index. When I post in the forums, that address says emby.media but doesnt say app. Sorry for my lack of knowledge in these things. 

[Happy2Play 8282]

1 minute ago, musicmafia said:

Not sure but when I sign in to Emby on my browser, the address says localhost, some numbers and web index. When I post in the forums, that address says emby.media but doesnt say app. Sorry for my lack of knowledge in these things. 

CSS works on localhost and LAN/WAN/DDNS Emby port connects.  Just no the online connection via app.emby.media.

[GrimReaper 3294]

1 minute ago, musicmafia said:

Not sure but when I sign in to Emby on my browser, the address says localhost

That's good, CSS will work then. Just follow:

14 minutes ago, Happy2Play said:

Dashboard-Setting, custom css box.

Scroll to the bottom, 

17 minutes ago, musicmafia said:

just copy/paste what Happy posted

click Save. 

Note: if you only want smaller posters, copy only this part of the code:

/*Portrait card size*/
@media (min-width: 100em)
{.portraitCard, .overflowPortraitCard {
    width: 9vw;}
}

Adjust width as desired. 

[musicmafia 35]

I just copied the part of the code for the poster size, then I changed the width to 7vw and hit save. I refreshed library but nothing has changed yet. Does it take time to take effect?

[musicmafia 35]

I changed the other number and now it works!!!!!!!!!!!!!!!! THANK YOU SO MUCH!!!!

[musicmafia 35]

That made a BIG difference! Love it!

Edited August 5, 2022 by musicmafia

[Happy2Play 8282]

5 minutes ago, musicmafia said:

I changed the other number and now it works!!!!!!!!!!!!!!!! THANK YOU SO MUCH!!!!

Glad you got it working.

As the images are already scaled via min-width your resolution may fall at a lower value as shown.

Edited August 5, 2022 by Happy2Play

[musicmafia 35]

16 minutes ago, Happy2Play said:

Glad you got it working.

As the images are already scaled via min-width your resolution may fall at a lower value as shown.

 

This is working perfectly! I really love the flexibility to adjust the library view. Again, THANK YOU so much to you and Grim Reaper for all the help. I really appreciate it! I'm new to streaming and so far I love using Emby and this community forum is awesome!