• 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 CSS to make play button larger

     
    • 0 Vote(s) - 0 Average

    CSS to make play button larger

    TH35
    Offline

    Junior Member

    Posts: 14
    Threads: 8
    Joined: 2023 Oct
    Reputation: 0
    #1
    2024-06-04, 03:38 PM (This post was last modified: 2024-06-04, 03:39 PM by TH35. Edited 1 time in total.)
    On computers (web or Jellyfin Media Player), I used to play media by clicking the very large and easy to hit primary image (episode thumbnail or movie poster) on the left side of the page, which used to be a "play" button. But since 10.9 removed this functionality, now I have to click the fairly tiny and non-descript play button triangle off to the right.

    Without wanting to completely reskin my player, is there a way with custom CSS to make the play button either larger, or more prominent so that it's easier to quickly hit? Or alternatively, is there a custom way to make the primary image a play button again?
    madAdam
    Offline

    Junior Member

    Posts: 1
    Threads: 0
    Joined: 2025 Jan
    Reputation: 0
    Country:United States
    #2
    2025-01-26, 03:35 PM
    I'm here looking for the same thing.
    Ted Hinklater
    Offline

    Member

    Posts: 151
    Threads: 8
    Joined: 2023 Nov
    Reputation: 22
    Country:United Kingdom
    #3
    2025-01-26, 04:11 PM
    (2025-01-26, 03:35 PM)madAdam Wrote: I'm here looking for the same thing.

    Can't quite restore javascript with css but you can move the play button over the poster

    [Image: FMfdbJs.gif]

    Code:
    .layout-desktop #itemDetailPage .button-flat.btnPlay.detailButton.emby-button,
    .layout-tv #itemDetailPage .button-flat.btnPlay.detailButton.emby-button {
      font-size: 500%;
      position: absolute;
      z-index: 10;
      left: 3.3%;
      max-height: none;
      top: 133%;
      width: 25vw;
    }
    « 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