• 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 Custom CSS button color

     
    • 0 Vote(s) - 0 Average

    Custom CSS button color

    trouble figuring out how to change button color
    Efficient_Good_5784
    Offline

    Community Moderator

    Posts: 1,199
    Threads: 3
    Joined: 2023 Jun
    Reputation: 50
    #2
    2025-02-07, 11:56 PM
    Try this CSS for a hover effect on those buttons:
    Code:
    button.cardOverlayButton.cardOverlayButton-hover.itemAction.paper-icon-button-light.emby-button:hover, button.cardOverlayButton.cardOverlayButton-hover.itemAction.paper-icon-button-light:hover {
        color: rgba(255, 0, 255, 1);
        background: rgba(30, 138, 165, 1);
        border-radius: 8px;
    }
    Color = Color of the text/symbols on the buttons
    Background = Color of the button background

    I picked colors at random, so change them to your liking.
    I also added a border radius value which you can remove or add to your liking.

    Also keep in mind that this will apply the hover effect to the play buttons over items too.
    « Next Oldest | Next Newest »

    Users browsing this thread: 1 Guest(s)


    Messages In This Thread
    Custom CSS button color - by Micah Freeman - 2025-02-07, 11:11 PM
    RE: Custom CSS button color - by Efficient_Good_5784 - 2025-02-07, 11:56 PM
    RE: Custom CSS button color - by Micah Freeman - 2025-02-08, 12:13 AM

    • 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