Skip to content

Instantly share code, notes, and snippets.

@csd-was-taken
Last active May 21, 2024 19:29
Show Gist options
  • Save csd-was-taken/cd7b83c40cb9853db99d6f0c54ca9d18 to your computer and use it in GitHub Desktop.
Save csd-was-taken/cd7b83c40cb9853db99d6f0c54ca9d18 to your computer and use it in GitHub Desktop.
YouTube UI Tweaks
(these were all written by my friend @ranidspace, i can't write css to save my life lol. well the first one is mine, but i just used the element zapper)
Install uBlock origin, if you haven't already (you should regardless) https://ublockorigin.com/
Go to the dasboard (extension icon > settings cog), and select the My filters tab
Paste the following into the giant text box. If there's already text there, don't overwrite it, just add these lines below
www.youtube.com###dismissible > .ytd-rich-shelf-renderer.style-scope
!Removes shorts shelf
youtube.com##*:style(border-radius: 0px !important)
! Makes all rounderd corners sharp
youtube.com##.ytp-spinner-circle,.circle.tp-yt-paper-spinner:style(border-radius: 50% !important)
! Excludes the loading circle from that
youtube.com##ytd-rich-grid-row, #contents.ytd-rich-grid-row:style(display:contents !important;)
youtube.com##ytd-rich-grid-renderer:style(--ytd-rich-grid-items-per-row: 6 !important;)
youtube.com##ytd-rich-item-renderer:style(margin-left:calc(var(--ytd-rich-grid-item-margin)/2) !important; margin-right:calc(var(--ytd-rich-grid-item-margin)/2) !important; margin-bottom:40px !important;)
! Changes grid views (sub box, home page, channel page, etc) to show 6 per row. By default the home page and sub boxes do 5, and the channel pages do 4
@JonDerThan
Copy link

Thanks a lot!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment