• 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 Themes & Styles Some help with CSS

     
    • 0 Vote(s) - 0 Average

    Some help with CSS

    Efficient_Good_5784
    Offline

    Community Moderator

    Posts: 1,194
    Threads: 3
    Joined: 2023 Jun
    Reputation: 50
    #2
    2025-01-06, 03:32 AM (This post was last modified: 2025-01-06, 03:37 AM by Efficient_Good_5784. Edited 1 time in total.)
    (2025-01-05, 11:16 PM)luckey Wrote: Another questions are:

    - JMP is not showing the correct custom Progress Bar edits. Why?
    You'll probably have to mess around with this as it won't be the exact colors and blur you want.
    Don't know if it's compatible with the current CSS you use, but this works to change the color for the in-progress overlay on both browser's and JMP's webUI.
    Code:
    .itemProgressBarForeground {
        background: rgba(255,255,255,1);
    }
    .itemProgressBar {
        background: rgba(50,50,50,.3);
        backdrop-filter: blur(5px);
    }

    (2025-01-05, 11:16 PM)luckey Wrote: - How can I make the right click menu background blur? I can't find it in the code...
    This will work, but you'll want to modify the rgb values to get a color you want:
    Code:
    /*Right-click (3-dot) & Cast button context menus*/
    .focuscontainer.dialog.actionsheet-not-fullscreen.actionSheet.centeredDialog.opened {
        color: rgba(255,255,255,1);
        background: rgba(0,0,0,.25);
        backdrop-filter: blur(12px);
        border-radius: 15px !important;
    }

    /*Buttons for all context menus*/
    button.listItem.listItem-button.actionSheetMenuItem.emby-button:hover {
        color: rgba(255,255,255,1);
        background: rgba(150,35,45,1);
        border-radius: 25px;
    }

    I changed the colors for you to match what I think your current CSS is doing with white accents:
    Code:
    /*Right-click (3-dot) & Cast button context menus*/
    .focuscontainer.dialog.actionsheet-not-fullscreen.actionSheet.centeredDialog.opened {
        color: rgba(0,0,0,1);
        background: rgba(255,255,255,.35);
        backdrop-filter: blur(12px);
        border-radius: 15px !important;
    }

    /*Buttons for all context menus*/
    button.listItem.listItem-button.actionSheetMenuItem.emby-button:hover {
        color: rgba(0,0,0,1);
        background: rgba(255,255,255,1);
        border-radius: 25px;
    }

    (2025-01-05, 11:16 PM)luckey Wrote: - Is it possible to make the TV Series show Thumbs instead of Posters in the homepage? And increase the number of Series that show there?
    Not that I'm aware of.
    The number of series that show in the home page is limited.
    If you want to see more, you need to open its library view.
    « Next Oldest | Next Newest »

    Users browsing this thread: 1 Guest(s)


    Messages In This Thread
    Some help with CSS - by luckey - 2025-01-05, 11:16 PM
    RE: Some help with CSS - by Efficient_Good_5784 - 2025-01-06, 03:32 AM
    RE: Some help with CSS - by luckey - 2025-02-06, 01:12 AM
    RE: Some help with CSS - by Efficient_Good_5784 - 2025-02-06, 03:06 AM
    RE: Some help with CSS - by luckey - 2025-02-06, 03:36 AM
    RE: Some help with CSS - by luckey - 2025-02-09, 03:52 PM

    • 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