Jump to content

Fixing the Home url image


arrbee99
 Share

Recommended Posts

arrbee99

Have had this for a while to put an image up on just the Home screen background

/* Add to blank home page online image Gollum - remember to untick Enable Backdrops in Display */
div.scrollFrameY.flex.flex-direction-column.flex-grow.focuscontainer-down.emby-scroller.scrollY.overflowYScroll {background-image: url("https://static0.srcdn.com/wordpress/wp-content/uploads/2019/03/Gollum.jpg");}
div.scrollFrameY.flex.flex-direction-column.flex-grow.focuscontainer-down.emby-scroller.scrollY.overflowYScroll {background-size: cover;}

but with 4.8.0.2 its stopped working.

Thought  this shorter version might work -

/* Add to blank home page online image Gollum - remember to untick Enable Backdrops in Display */
/*div.scrollFrameY.flex.flex-grow.focuscontainer-down.emby-scroller.scrollY.overflowYScroll {background-image: url("https://static0.srcdn.com/wordpress/wp-content/uploads/2019/03/Gollum.jpg");}*/
/*div.scrollFrameY.flex.flex-grow.focuscontainer-down.emby-scroller.scrollY.overflowYScroll {background-size: cover;}*/

and it does except it adds the image as a background for Movies, TV Series etc.

Also tried adding !important to the (original) first one above, but that didn't work either.

Any thoughts please.

Link to comment
Share on other sites

Happy2Play
19 minutes ago, arrbee99 said:

Have had this for a while to put an image up on just the Home screen background

/* Add to blank home page online image Gollum - remember to untick Enable Backdrops in Display */
div.scrollFrameY.flex.flex-direction-column.flex-grow.focuscontainer-down.emby-scroller.scrollY.overflowYScroll {background-image: url("https://static0.srcdn.com/wordpress/wp-content/uploads/2019/03/Gollum.jpg");}
div.scrollFrameY.flex.flex-direction-column.flex-grow.focuscontainer-down.emby-scroller.scrollY.overflowYScroll {background-size: cover;}

but with 4.8.0.2 its stopped working.

Thought  this shorter version might work -

/* Add to blank home page online image Gollum - remember to untick Enable Backdrops in Display */
/*div.scrollFrameY.flex.flex-grow.focuscontainer-down.emby-scroller.scrollY.overflowYScroll {background-image: url("https://static0.srcdn.com/wordpress/wp-content/uploads/2019/03/Gollum.jpg");}*/
/*div.scrollFrameY.flex.flex-grow.focuscontainer-down.emby-scroller.scrollY.overflowYScroll {background-size: cover;}*/

and it does except it adds the image as a background for Movies, TV Series etc.

Also tried adding !important to the (original) first one above, but that didn't work either.

Any thoughts please.

Something like this

/* Add to blank home page online image Gollum - remember to untick Enable Backdrops in Display */
div.focuscontainer-down:not(.virtualScrollerScrollContainer) {background-image: url("https://static0.srcdn.com/wordpress/wp-content/uploads/2019/03/Gollum.jpg");}
div.focuscontainer-down:not(.virtualScrollerScrollContainer)  {background-size: cover;}

 

Link to comment
Share on other sites

arrbee99

Thanks, that works great except the image also shows up on my Music page. Don't know if there's something special about the music page.

Maybe another :not, but not what...

Link to comment
Share on other sites

Happy2Play

Don't see a way around it as Home screen and all libraries Suggestions pages (Music, TV, Movies) are the same.

<div is="emby-scroller" data-horizontal="false" data-centerfocus="true" data-navcommands="card" data-forcescrollbar="true" class="scrollFrameY flex flex-grow focuscontainer-down emby-scroller scrollY overflowYScroll" data-bindheader="true">

Link to comment
Share on other sites

Happy2Play
19 minutes ago, arrbee99 said:

Thanks, that works great except the image also shows up on my Music page. Don't know if there's something special about the music page.

Maybe another :not, but not what...

Okay here you go.

/* Add to blank home page online image Gollum - remember to untick Enable Backdrops in Display */
[data-type="home"] div.focuscontainer-down {background-image: url("https://static0.srcdn.com/wordpress/wp-content/uploads/2019/03/Gollum.jpg");}
[data-type="home"] div.focuscontainer-down {background-size: cover;}

Technically you can use any of the original classes "scrollFrameY flex flex-grow focuscontainer-down emby-scroller scrollY overflowYScroll" as home is targeted.

  • Like 1
Link to comment
Share on other sites

arrbee99

Brill. Thank you.

So I guess you could use that to apply a different specific image to Movies, TV, etc if you wanted.

Would you happen to know if Guide (as in the TV guide) is also a data-type, or maybe some kind of sub data-type of Live TV ?

Do you get this stuff just from the browser Inspect window ?

Link to comment
Share on other sites

Happy2Play
2 minutes ago, arrbee99 said:

So I guess you could use that to apply a different specific image to Movies, TV, etc if you wanted.

No as It appear they don't have data-type like home does.

8 minutes ago, arrbee99 said:

Would you happen to know if Guide (as in the TV guide) is also a data-type, or maybe some kind of sub data-type of Live TV ?

Not sure exactly where you are referring to but guide looks like it has lots of different code.

8 minutes ago, arrbee99 said:

Do you get this stuff just from the browser Inspect window ?

Yes, going to each section and comparing the classes and looking at higher levels to see if specific targeting can be done.

Link to comment
Share on other sites

arrbee99

Hokay, thanks for the info. Was hoping there might be [data-type="movies"] or [data-type="guide"] but if there isn't, there isn't. Life will, indeed, go on...

Link to comment
Share on other sites

  • 2 months later...
shibusen

Hay alguna manera, de manter el mismo fondo en cada seccion, home, movies, series, doramas, anime, el mismo fondo para todas, lo digo porque lo he visto, pero no doy con eso, alguna ayuda referente a esto?

Link to comment
Share on other sites

Happy2Play
6 minutes ago, shibusen said:

There is some way, to maintain the same background in each section, home, movies, series, doramas, anime, the same background for all, I say it because I have seen it, but I do not give with that, any help regarding this?

Does removing [data-type="home"] from the code above accomplish what you want?  A quick test would appear so.

  • Like 1
Link to comment
Share on other sites

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 account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...