arrbee99 1551 Posted May 26, 2021 Share Posted May 26, 2021 I was thinking (no comments please) that it might be nice to have a sort of transparent TV guide for a change with a picture underneath. Might look hideous, but might look nice. So I was trying to add a background from my PC using this - div.guideContainer.flex-grow.tvguide { background: red !important;} - just to see if the command works, and it does add a bit of red followed by this - div.guideContainer.flex-grow.tvguide { background-image: url ("F:/Users/Public/Pictures/Screenshots/Emby 2 part illustration.jpg"); !important;} which obviously doesn't add any image, unless maybe its hidden somehow And trying to make the individual guide entries transparent(ish) using these - div.programCellInner {background: rgba(0, 0, 0, 0.3);} or button.programCell.itemAction {background: rgba(0, 0, 0, 0.3);} which obviously don't work. I have other guide css which might not be helping. Any thoughts please ? So far I have this magnificence - Link to comment Share on other sites More sharing options...
Happy2Play 8252 Posted May 26, 2021 Share Posted May 26, 2021 13 minutes ago, arrbee99 said: div.guideContainer.flex-grow.tvguide { background-image: url ("F:/Users/Public/Pictures/Screenshots/Emby 2 part illustration.jpg"); !important;} Local path will not work, image needs to be within the webserver like other images Emby shows or a other hosted source. example div.guideContainer.flex-grow.tvguide {background-image: url("https://mcdn.wallpapersafari.com/medium/27/24/G9w3PF.jpg");} 25 minutes ago, arrbee99 said: And trying to make the individual guide entries transparent(ish) using these - div.programCellInner {background: rgba(0, 0, 0, 0.3);} or button.programCell.itemAction {background: rgba(0, 0, 0, 0.3);} which obviously don't work. I don't have any guide data, so have you tested with solid colors (background: green)? Link to comment Share on other sites More sharing options...
arrbee99 1551 Posted May 26, 2021 Author Share Posted May 26, 2021 Sorry. still don't know where to get images from. Can't I use a full image from somewhere, 1920x1080 or similar. Can I just find a background image from a movie in the database and use that ? not sure what the path to that is. I have this now to make the program items green and opaque, if it helps - div.programCellInner {background: green !important;} div.programCellInner {opacity: 0.4; !important} Am hoping to replace the red with an image which shows through under the green and maybe the channel names. Link to comment Share on other sites More sharing options...
Happy2Play 8252 Posted May 26, 2021 Share Posted May 26, 2021 1 minute ago, arrbee99 said: Sorry. still don't know where to get images from. Can't I use a full image from somewhere, 1920x1080 or similar. Can I just find a background image from a movie in the database and use that ? not sure what the path to that is. Well I replace Emby Server logo with a colored one with every update so you could place a image in the proper system folder location and ensure the path is used in your custom css just like I showed with the Premiere badge. But did you test with the online image I provided? Link to comment Share on other sites More sharing options...
arrbee99 1551 Posted May 26, 2021 Author Share Posted May 26, 2021 I've removed all the css for the TV Guide and added in your example - div.guideContainer.flex-grow.tvguide {background-image: url("https://mcdn.wallpapersafari.com/medium/27/24/G9w3PF.jpg");} and it gives this - then I tried this - div.guideContainer.flex-grow.tvguide {background-image: url("css/images/Liverpool_102.jpg");} which gives this that points to this - which I guess is also wrong Link to comment Share on other sites More sharing options...
arrbee99 1551 Posted May 26, 2021 Author Share Posted May 26, 2021 Maybe its because I put the jpg there but Emby doesn't actually use it ? Link to comment Share on other sites More sharing options...
arrbee99 1551 Posted May 26, 2021 Author Share Posted May 26, 2021 Getting there - 1 Link to comment Share on other sites More sharing options...
arrbee99 1551 Posted May 26, 2021 Author Share Posted May 26, 2021 Or possibly - 1 Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now