← Back to context

Comment by herpdyderp

7 months ago

You can insert (and tweak) this into uBlock Origin filters:

    ! YouTube Fix & Customization by Arch v1.8.4 ! (1/11) YouTube 4 Videos Per Row Fix (Home and Channel Pages) / YouTube Fix & Customization

    youtube.com##ytd-rich-grid-row, #contents.ytd-rich-grid-row:style(display:contents !important;)

    youtube.com##ytd-rich-grid-renderer, html:style(--ytd-rich-grid-items-per-row: 5 !important;)

    youtube.com##ytd-rich-grid-renderer, html:style(--ytd-rich-grid-posts-per-row: 5 !important;)

(source: https://www.reddit.com/r/youtube/comments/1g5l9mc/comment/ls...)

Didn't the new Chrome update break uBlock, or is that just for my test cell? I've been in mourning...

  • well if you are still gonna browse on chrome don't settle for the ublock originless experience.

    * download a release zip: https://github.com/gorhill/ublock/releases (expand Assets). * go to chrome://extensions, toggle developer mode on * click load unpacked and select the file you unzipped the release

    then you also have to watch out because chrome will, still time later, disable ublock origin. You have to go to your extensions page and find the option for 'Keep it for now' or something. Then you can continue to browse the internet like a real gee! Thanks ublock origin!

    • It's annoying to have to constantly check for updates manually this way tho.

      Switching over to firefox is the ultimate best option, regardless of any faults that firefox has.

  • The following CSS equivalent worked for me, using the "Custom CSS by Denis" Chrome extension[1]:

        ytd-rich-grid-renderer div#contents {
          /* number of video thumbnails per row */
          --ytd-rich-grid-items-per-row: 5 !important;
        
          /* number of Shorts per row in its dedicated section */
          --ytd-rich-grid-slim-items-per-row: 6 !important;
        }
    
    

    I first tried it with the "User JavaScript and CSS" extension, but somehow it didn't seem able to inject CSS on YouTube. Even a simple `html { border: 5px solid red; }` would not show anything, while I could see it being applied immediately with the "Denis" CSS extension.

    If someone can recommend a better alternative for custom CSS, I'd be interested to hear it. I guess Tampermonkey could work, if you have that.

    [1] https://chromewebstore.google.com/detail/custom-css-by-denis...

  • Yes, but it still works fine with Firefox.

    • That's not the only extension Firefox still allows that's blocked in Chrome. FF also blocks 3rd party cookies and has shown no interest in Google's "privacy sandbox" tracking features. Funny how much better a browser can be without a massive conflict of interest

      4 replies →

  • re-enable it or if not there is ublock origin lite which I believe is legit

    • > ublock origin lite which I believe is legit

      It is, just not as capable as before due to the Manifest v3 changes.

  • Chrome should still support CSS style managers such as Stylus.

    You can put the relevant CSS into a custom YouTube stylesheet if you like.

    (I re-skin many sites, including HN, see my profile page for links to recent-ish CSS.)

Add this to the list.

youtube.com##ytm-paid-content-overlay-renderer

The `this video includes sponsored content` that covers and takes over the click into a video.

Whoever designed that, implemented that, approved that, needs to be fired and blacklisted from doing user-facing code changes.

Magic, thank you. Works, at least for now, until they mess up with the layout again. So much better...