Fixes YouTube’s oversized thumbnails with a customizable grid: Resize thumbnails, adjust the number of videos per row, and eliminate wasted space — for a more compact, efficient layout.
< Feedback on 🔧 YouTube UI Enhancer - Resize Thumbnails, Modify Layout & More!
Hello,
Thank you for bringing this to my attention.
Previously, shorts were set to display from 6 to 7 per row, which caused them to span two rows while still appearing relatively large.
Taking your feedback into account, I’ve updated the script to display 12 per row so they now fit into a single row, though this does make the thumbnails noticeably smaller.
I've also made it easy for users to modify the number of shorts per row if they prefer a different layout.
I appreciate your feedback — thank you for your input and for helping improve the script!
The short size is determined by the class ytd-rich-shelf-renderer, not ytd-rich-grid-renderer.
The updated version has 5 shorts per row, even with 12 specified.
The short size is determined by the class ytd-rich-shelf-renderer, not ytd-rich-grid-renderer.
The updated version has 5 shorts per row, even with 12 specified.
To be clear, I'm referring to the subscriptions feed. I have an extension that just completely blanks out the YouTube home page.
Thanks for the feedback! The original method worked on my browser.
I’ve updated the script, and now the shortsPerRow setting should hopefully work for more users, with the addition of the ytd-rich-shelf-renderer layout.
Let me know if you encounter any further issues!
Thanks, it now works on Firefox.
I guess YouTube has different CSS on Firefox?
Glad to hear it! I'm also using Firefox, and the first implementation worked on my machine.
The shorts are still full-sized with the script as is. Adding this line resolves the issue (with a fixed "shortsPerRow" of 12).
GM_addStyle(`ytd-rich-shelf-renderer { --ytd-rich-grid-items-per-row: 12 !important;}`);
Thank you for the script though. I don't know Javascript so I couldn't have done this without you.