• Login
  • Register
  • Login Register
    Login
    Username/Email:
    Password:
    Or login with a social network below
  • Forum
  • Website
  • GitHub
  • Status
  • Translation
  • Features
  • Team
  • Rules
  • Help
  • Feeds
User Links
  • Login
  • Register
  • Login Register
    Login
    Username/Email:
    Password:
    Or login with a social network below

    Useful Links Forum Website GitHub Status Translation Features Team Rules Help Feeds
    Jellyfin Forum Support General Questions Change home page cards size

     
    • 0 Vote(s) - 0 Average

    Change home page cards size

    Is it possible to change the size of these cards via custom css?
    poiaman
    Offline

    Junior Member

    Posts: 8
    Threads: 2
    Joined: 2024 Jul
    Reputation: 0
    Country:Brazil
    #1
    2024-07-11, 02:09 AM
    Is it possible to change the size of these cards via custom css?

    I made it in Photoshop just to show what i want to do

       
    Efficient_Good_5784
    Offline

    Community Moderator

    Posts: 1,167
    Threads: 3
    Joined: 2023 Jun
    Reputation: 50
    #2
    2024-07-11, 02:32 AM
    Have you checked out the client setting that provides an alternate small styling to them?

    Client Settings > Home > "Home screen section 1"

    In the 1st home screen section, chose "My Media (small)" and save at the bottom of the page.
    Reload your browser and see if you like them.
    poiaman
    Offline

    Junior Member

    Posts: 8
    Threads: 2
    Joined: 2024 Jul
    Reputation: 0
    Country:Brazil
    #3
    2024-07-11, 10:43 AM
    (2024-07-11, 02:32 AM)Efficient_Good_5784 Wrote: Have you checked out the client setting that provides an alternate small styling to them?

    Client Settings > Home > "Home screen section 1"

    In the 1st home screen section, chose "My Media (small)" and save at the bottom of the page.
    Reload your browser and see if you like them.

    I tried, but it stayed like this, without thumbnails

       
    poiaman
    Offline

    Junior Member

    Posts: 8
    Threads: 2
    Joined: 2024 Jul
    Reputation: 0
    Country:Brazil
    #4
    2024-07-12, 01:05 AM
    I found this, it seems like a good start, but it's still pretty ugly, it needs to be improved but I don't have that knowledge

    .cardImageContainer {width: 5.152cm !important; height: 6.4cm !important;}
    .blurhash-canvas, .cardScalable, .cardBox {width: 5.152cm !important; height: 6.4cm !important;}
    .overflowBackdropCard {width: 5.6cm !important; height: 6.4cm !important;}
    .cardPadder {width: 0 !important; height: 0 !important;}
    poiaman
    Offline

    Junior Member

    Posts: 8
    Threads: 2
    Joined: 2024 Jul
    Reputation: 0
    Country:Brazil
    #5
    2024-07-12, 01:54 AM
    My friend GPT and I managed to improve a little:

    #indexPage {
    .cardImageContainer {border-radius: 1em !important; width: 100% !important; height: 100% !important;}
    .blurhash-canvas {border-radius: 1em !important; width: 100% !important; height: 100% !important;}
    .cardScalable {border-radius: 1em !important; width: 100% !important; height: 100% !important;}
    .cardBox {border-radius: 1em !important; width: 90% !important; height: 90% !important;}
    .overflowBackdropCard {border-radius: 1em !important; width: 7cm !important; height: 8cm !important;}
    .cardPadder {border-radius: 1em !important; width: 0 !important; height: 0 !important;}

    }
    « Next Oldest | Next Newest »

    Users browsing this thread: 1 Guest(s)


    • View a Printable Version
    • Subscribe to this thread
    Forum Jump:

    Home · Team · Help · Contact
    © Designed by D&D - Powered by MyBB
    L


    Jellyfin

    The Free Software Media System

    Linear Mode
    Threaded Mode