2024-05-20, 04:03 AM
I forgot to include the rotten scores as well. Apparently the tomatoes and the rotten scores each have a different CSS element.
This should be the final correct CSS code to hide them:
So to explain how to use this, just copy it, then simply paste it in "Dashboard > General > Custom CSS code" and save at the bottom of the page. Then reload your browser.
That's it. You don't have to do anything else with it.
If you ever want to learn, the way I customized my server was by using "ctrl+shift+c" and F12 on my browser. On Chrome or Firefox, it brings up the CSS code for the page.
You can play around with things, add code to give color or resize things. You would basically then copy your code from this and paste in Jellyfin's CSS setting to have it stick.
I believe there should be video intros online about how to mess around with modifying CSS code and using browser F12 to look at things.
This should be the final correct CSS code to hide them:
Code:
.starRatingContainer.mediaInfoItem,
.mediaInfoCriticRating.mediaInfoCriticRatingFresh,
.mediaInfoCriticRating.mediaInfoCriticRatingRotten {
display: none;
}
So to explain how to use this, just copy it, then simply paste it in "Dashboard > General > Custom CSS code" and save at the bottom of the page. Then reload your browser.
That's it. You don't have to do anything else with it.
If you ever want to learn, the way I customized my server was by using "ctrl+shift+c" and F12 on my browser. On Chrome or Firefox, it brings up the CSS code for the page.
You can play around with things, add code to give color or resize things. You would basically then copy your code from this and paste in Jellyfin's CSS setting to have it stick.
I believe there should be video intros online about how to mess around with modifying CSS code and using browser F12 to look at things.