Resizing my media pictures

[Gascogne 0]

Before upgrading to Version 4.7.11.0 my script was working well:

/* My Media Image Size */
.smallBackdropCard {width: 25% !important;}

After, now with  Version 4.7.11.0 the same script does not work:

Any ideas?

[Luke 42077]

Hi, the web app css and html are going to be continuously evolving with each new version, so it's possible you may have to recreate your custom css when you update the server.

[Gascogne 0]

That's the synology version. Is there any documentation to the css possibilities to find out, what i shall code?

 

[Luke 42077]

15 minutes ago, Gascogne said:

That's the synology version. Is there any documentation to the css possibilities to find out, what i shall code?

 

There isn't, sorry. Your best tool is the Chrome inspector, make your changes on the fly with that, and then save the rules you create into the server setting.

[Gascogne 0]

That's hopeless for me, i am not that skilled to find out

 

[Luke 42077]

@Happy2Play may have some tips.

[newday2022 1]

.itemsContainer-finepointerwrap  .backdropCard{width: 25% !important;}

[Gascogne 0]

11 hours ago, newday2022 said:

.itemsContainer-finepointerwrap  .backdropCard{width: 25% !important;}

Super! Thank you very much!

[boostd 0]

Does this carry the rule to the android app?. Because it resizes "My Media" on my server, but any of my android devices.

Edited July 4, 2024 by boostd

[Happy2Play 9780]

13 minutes ago, boostd said:

Does this work still?.

Yes but copy and paste can add invalid characters do to encoding

example from code above

.itemsContainer-finepointerwrap  .backdropCard{width: 25% !important;}

Are you just wanting to change My media or all cards?  As Emby's image size can do all via user Display settings or per library in context menu image size.