Jump to content

Search the Community

Showing results for tags 'css'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • General
    • Announcements
    • Emby Premiere Purchase/Subscription Support
    • Feature Requests
    • Tutorials and Guides
  • Emby Server
    • General/Windows
    • Android Server
    • Asustor
    • FreeBSD
    • Linux
    • NetGear ReadyNAS
    • MacOS
    • QNAP
    • Synology
    • TerraMaster NAS
    • Thecus
    • Western Digital
    • DLNA
    • Live TV
  • Emby Apps
    • Amazon Alexa
    • Android Mobile
    • Android TV / Fire TV
    • Emby Theater
    • iOS
    • Apple TV
    • Kodi
    • Raspberry Pi
    • Roku
    • Samsung Smart TV
    • Sony PlayStation
    • LG Smart TV
    • Web App
    • Windows Media Center
    • Plugins
  • Language-specific support
    • Arabic
    • Dutch
    • French
    • German
    • Italian
    • Portuguese
    • Russian
    • Spanish
    • Swedish
  • Community Contributions
    • Ember for Emby
    • Fan Art & Videos
    • Tools and Utilities
    • Web App CSS
  • Other
    • General Discussion
    • Developer API
    • Hardware
    • Media Clubs
    • Legacy Support


  • Emby Blog

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...

  1. KalashDOG

    How to change the circle color

    I would like to change the color of everything to red, but all i managed to change was the color of the slider
  2. These icons are scalable, and it switches up the dashboard a bit. You can cut and paste this into to the custom CSS section under settings in the server: I marked the Css, so if there is an update it will be easy to replace! Choose a color for your icons: you can replace "rgba(0,0,0,0.5)" with whatever you want (example: black/white/red, or an rgba value). /*Custom Icons start*/ /*https://materialdesignicons.com/*/ /*Version 1.2*/ /*positioning, size and color*/ :root{ --iconColor: rgba(0,0,0,
  3. Pommes

    Add Button to player

    Hi How can i change/remove/add the buttons when a video is playing? I would really need a way to add videos to a playlist while they are running. (Music videos running in random mode and when i like it just klick to add it to my "I like" playlist) at the moment i need to stop playback and go back to menu and search it by name. So is there a way to add the more settings button "button.btnMoreCommands" from the normal menu to the bottom of the player? pic one in the blue circle. It would be also fine for me to replace an other button such as Pip that i dont need. Or is there an othe
  4. mgutijae86

    CSS questions

    Hi, i am new with emby and i have two questions: - How can I modify a CSS file? Where is It? - Is possible to get the library view like Disney+?? Something like the picture Thanks in advance!
  5. jefersonjatobaa

    Como alterar logo inicial?

    Olá, estou iniciando aqui e gostaria de saber como alterar um logotipo inicial por uma minha própria?
  6. Lameslime

    Picture as login background

    Started using Emby couple days ago, problems here and there, but this is something I can't solve. As the title says I'd like to change the color grey in login screen into a picture of my choice. I have no experience with css so if I had to do it myself I wouldn't know where to start. Thanks in advance.
  7. dannymichel

    Load custom css for mobile app

    I searched for this feature request and surprised i couldn't find it considering the overwhelming number of posts i've seen asking for it. We'd like to be able to load custom CSS on the mobile(and other) apps and on app.emby.media
  8. dannymichel

    Emby Clean CSS Cleanup

    icons: https://www.dropbox.com/s/m2n1fdym5a0xytm/poster-icons.zip css: https://www.dropbox.com/s/uxpjk7m54zdbbu7/emby.css Minimal edit: I kind of went nuts with the edits on this one, but if you want a more minimal edit that addresses the obvious issues, i've done one of those too css: https://www.dropbox.com/s/n7qzk6dywxm89j3/emby-minimal.css
  9. FredFrin

    Custom CSS - HowTo Intro

    Hi, I'm running emby-server in docker on my linux server & accessing via the web-interface from other boxes. I've seen numerous mentions of a 'custom css' feature - but need a hand getting started: Looking inside the docker emby-server container I see numerous css files under /system but these are all minimised. I guess it is possible to copy & modify these and volume mount the edits over the existing files to achieve mods - but mention of 'css feature' makes me think there is another mechanism intended for this which I've not yet found. What is the intended method
  10. i have tried and failed for months to change the color of both the sliderbubble and the button focus thing specifically for Mozilla! chrome works as intended, and edge has no bubble at all but the focus ring is red as intended... its doing my head in please send rescue haha, this issue is consistenet between firefox on both PC and the samsung/android app and as you may be able to work out firefox is my prefered browser. thanks in advance
  11. Hi, I find it really difficult to edit emby with css but that being said i'm far from an css expert, i am limited in my knowledge when it comes to finding the right anchor, usually inspecting an element has done the trick for me when i've done smaller web development work but in emby none of the elements seem to be unique so it's difficult to point css to edit one particular element without messing up a lot of other stuff. I am therefor reaching out for some help. Here's what i want to do: Completely hide favorites, playlists, add to collections, edit playlists and some other s
  12. cochize1

    narrow left slider

    Hi, is there a way to add custom css to manage the right main slider in chrome/opera/firefox etc. (I like the greyed out color but would like to make it as slim as possible)?
  13. cochize1

    Narrow Header section

    Hi, got some pretty results myself with css modifications but there are 2 things I am still struggling with, any idease on how to make it work (as in attached picture): 1. How to narrow Header Middle Section with Tabs? 2. How to change the Text for Live TV cardbox?
  14. Hi, I was wondering if anyone had this issue. I have set automatic backdrops, when at Home Page backdrop displays properly, after entering library it changes correctly but then after hitting 'back' arrow to Home Page it only displays grey background (I have dark theme). Does anyone have a solution for that? It can be with custom css i.e. to always, no matter what display a backdrop. Any ideas? Thx
  15. Greetings! If you're anything like me, you only use the Emby web app in bed at night with the lights off. Perhaps like me, you also have sleeping problems and bright lights cause you sleeplessness. That's the issue I face when using Emby's web app on a nightly basis (even with dark mode). As a solution, download and apply the custom CSS attached to this post in Admin Dashboard > Settings > Custom CSS. The "Midnight Campfire" web app styling can be used with the free or premiere version of Emby. You'll need to use the "Dark" theme and "Light" server dashboard theme for changes to
  16. Tfs

    css add description

    Hi ! I would like to know if there is way in css to add a title in this part like for example "welcome" thanks you in advance
  17. I'm having a bit of trouble overriding some of your css due to the fact it's loading the branding/css.css before yours. Would it be possible to load it last? I have had success putting that kind of feature at the end of the <body> instead of in the <head>
  18. arrbee99

    Move stuff down

    Just wondering if anybody would happen to know some css to move everything down please... i.e move picture, text, logo everything down apart from the back arrow, home etc across the top.
  19. erixschueler

    Emby Location / Logo

    Hi, I'm new in this forum and have a little question. Yesterday I installed emby on my Ubuntu Server 16.04. Now I want to know where the files are located on my Ubuntu Server. I did not change any locations or something. I was looking for the emby logo and read something about "/emby-server/system\dashboard-ui\css\images" but I could not find this file (emby-server) on my Linux. So maybe you could help me Regards erixschueler
  20. tmb4016

    Question about my custom CSS

    Since update to the custom css to resize the My Media buttons does not change anything and they have reverted to their ridiculously small size. I was using /* Increase Size of buttons */ div.homePageSection.section0 .smallBackdropCard-scalable { /* width: 20%; } Not a css expert but how can I find what this may have changed to ? Cheers
  21. Does anyone have any idea how to increase the size of the playback bar, and/or increase the number of increments (to allow skipping to more portions of the video)? I assume this is done via CSS, but if there's another way that'd be preferable (as I usually import my CSS). Thanks!
  22. Hi guys, first off to the team; great work with the Halloween theme! That was a very pleasant surprise! Now to my point . One of the first things I noticed with the halloween theme was the background image on the overview page. I would like to implement my own image, but can not seem to find where to edit so it would show my image. Could you guys maybe help me with this? I don't mean when you've opened a movie or serie or w/e to see the info. But while looking through the movies and such. While we're at it. I'd prefer not to see the colored banners under the pictures. I'
  23. CarlosLima

    Changing the login screen

    Hi, you can use a CSS Code to chance the login screen, ie, the first, the second image ? I already have a large number of external users and see the need for change. If possible, I would also have an image right at the top of the login screen. It would be even better if it were possible to have an edit field 'messages' at the bottom of the screen, justifiably.
  24. EDIT: I finally made my own version inspired from emby theater, it's still on progress.. You can try it by using this css: @import url('https://opiu.ms/css/netflix_login_page.css'); @import url('https://opiu.ms/css/home_theater.css'); It is also compatible with Emby Dark Themes
  25. I work on a 27" Thunderbolt display often... and it'd be nice if we could get another breakpoint for .scalableCard.portraitCard posters... something around the 2000px mark for 10% width is what I'm thinking, but it might need to be specific to non-retina displays. So the media query should include -webkit pixel ratios and min-resolution. kinda like this. https://css-tricks.com/snippets/css/retina-display-media-query/ Currently on this screen, poster images are coming out at 311x511px, real life 2.75x4.125" ... they're just monsters. Smaller subset of people, but that group of peop
  • Create New...