Fixing the Home url image

[arrbee99 1712]

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.

[Happy2Play 9446]

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;}

 

[arrbee99 1712]

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...

[Happy2Play 9446]

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">

[Happy2Play 9446]

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.

[arrbee99 1712]

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 ?

[Happy2Play 9446]

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.

[arrbee99 1712]

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...

[shibusen 2]

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?

[Happy2Play 9446]

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.

[shibusen 2]

PERFECTO, FUNCIONOOOOO, THANKSSSS BROOOOO, sorry las mayusculas.... emocion