Skip to content

fix(general): restore classic thumbnail metadata under renamed YouTube classes #4303

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
rascal-sl wants to merge 2 commits into
base: master
Choose a base branch
from
+13 −1
Open

fix(general): restore classic thumbnail metadata under renamed YouTube classes #4303

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
c232291
fix(general): restore classic thumbnail metadata under renamed classes
rascal-sl Aug 29, 2026
466c125
docs(css): date the classic-metadata selectors and note how to update…
rascal-sl Sep 3, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
14 changes: 13 additions & 1 deletion js&css/extension/www.youtube.com/general/general.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -610,11 +610,23 @@ html[it-larger-thumbnail-metadata='true'] .yt-content-metadata-view-model-wiz__d
Hides the play-triangle icon that YouTube inserted in front of
the view count on thumbnails. The accompanying JS expands the
shortened time-ago text and restores the interpunct delimiter.

YouTube renamed these view-model classes from the hyphenated
"-wiz__" form to camelCase, which is why the last selector exists.
The hyphenated selectors stay for surfaces still served the old
markup. Target the leading icon by name rather than every icon in
the row, so the channel verified badge keeps rendering.

camelCase names observed on watch and results pages, 2026-08.
YouTube renames these every few months, so if the play triangle
reappears, read the row markup first and add the new name here
rather than widening this to every icon in the row.
--------------------------------------------------------------*/
html[it-classic-thumbnail-metadata='true'] .yt-content-metadata-view-model-wiz__metadata-row .yt-content-metadata-view-model-wiz__metadata-icon,
html[it-classic-thumbnail-metadata='true'] .yt-content-metadata-view-model-wiz__metadata-row yt-icon,
html[it-classic-thumbnail-metadata='true'] .yt-content-metadata-view-model-wiz__metadata-text > svg,
html[it-classic-thumbnail-metadata='true'] .yt-content-metadata-view-model-wiz__metadata-text > yt-icon {
html[it-classic-thumbnail-metadata='true'] .yt-content-metadata-view-model-wiz__metadata-text > yt-icon,
html[it-classic-thumbnail-metadata='true'] .ytContentMetadataViewModelMetadataRow .ytContentMetadataViewModelLeadingIcon {
display: none !important;
}

Expand Down