Hiding YouTube Shorts in the Subscription Page

hiding-youtube-shorts-subscription-page.md

Hiding YouTube Shorts in the Subscription Page

To hide YouTube shorts from appearing in when viewing your YouTube subscriptions, you can define a custom stylesheet for Safari and Firefox.

Safari

Create a CSS file with the following:

@media all {
    .ytd-rich-shelf-renderer {
        display: none !important;
        visibility: hidden !important;
    }
}

In Safari, open up Settings and click on the Advanced tab. For the Style sheet setting, click on the dropdown, click on Other..., browse and select the CSS file that you created.

Firefox

Locate your Firefox profile directory (open the "Help" menu, choose "More Troubleshooting Information" and look for the "Profile Path" value), create a new directory named "chrome", and create a new CSS file named "userContent.css" with the following:

@-moz-document domain(youtube.com) {
    .ytd-rich-shelf-renderer {
        display: none !important;
        visibility: hidden !important;
    }
}

Next, browse to about:config, click on "Accept the Risk and Continue", search for the toolkit.legacyUserProfileCustomizations.stylesheets setting and toggle the value to true.

You will need to restart Firefox for the changes to take effect.