CSS applied per-page?

[tomnjerry74 97]

Hello,

I currently use this custom css to hide Movie/TV names and years underneath poster cards:

[data-parentid="12345"] div.cardText.cardTextCentered.cardText-first {display: none;}
[data-parentid="12345"] div.cardText.cardTextCentered.cardText-secondary {display: none;}

While this method works, I would like to take it a step further and have it apply to the homepage only. So, when you click into the actual movie or tv collection, the information is displayed again and these user-based settings work accordingly:

Is this possible? Or does this css only work universally?

[Happy2Play 9447]

The issue is there are currently no longer page ids so the CSS somewhat becomes universal unless you can find a way to specifically target that area. 

So you would have to add a page id to home.html and reapply it with every update.

#home div.cardText.cardTextCentered.cardText-first, #home div.cardText.cardTextCentered.cardText-secondary {display: none;}

 

[Happy2Play 9447]

Update pure css

Quote

div.homeSectionsContainer div.cardText.cardTextCentered.cardText-first, div.homeSectionsContainer div.cardText.cardTextCentered.cardText-secondary {display: none;}

 

[tomnjerry74 97]

4 minutes ago, Happy2Play said:

Update pure css

 

Thanks so much for all the information. This seems to work well so I'll use it for now!