This userstyle reverts back to the compact version of the channel page UI before March 2023.
YouTube - Revert compact channel page UI by magma_craft
Details
Authormagma_craft
LicenseCC Zero
Categoryyoutube
Created
Updated
Size3.3 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
NOTES FROM PREVENTING THIS USERSTYLE FROM WORKING
Update July 2024: Starting from 6/28/2024, This userstyle no longer works if you are logged in, but this works ONLY if you are not logged in.
Update April 2024: This userstyle no longer works if you are not logged in, but if you are only logged in, it does work. But, it has later been fixed on non-logged in users as of June 2024
Source code
/* ==UserStyle==
@name YouTube - Revert compact channel page UI
@namespace github.com/openstyles/stylus
@version 20240528.04.15
@description This userstyle reverts back to the compact version of the channel page UI prior to February 23rd, 2023.
@author Magma_Craft
==/UserStyle== */
@-moz-document domain("youtube.com") {
ytd-channel-tagline-renderer {
display: block !important;
padding: 0 !important;
}
#content.ytd-channel-tagline-renderer::before {
content: "More about this channel";
font-weight: 500 !important;
}
#content.ytd-channel-tagline-renderer {
max-width: 162px !important;
}
#avatar.ytd-c4-tabbed-header-renderer {
width: 80px !important;
height: 80px !important;
margin: 0 24px 0 0 !important;
flex: none !important;
overflow: hidden !important;
}
#avatar-editor.ytd-c4-tabbed-header-renderer {
--ytd-channel-avatar-editor-size: 80px !important;
}
#channel-name.ytd-c4-tabbed-header-renderer {
margin-bottom: 0 !important;
}
#channel-header-container.ytd-c4-tabbed-header-renderer {
padding-top: 0 !important;
align-items: center !important;
}
#inner-header-container.ytd-c4-tabbed-header-renderer {
margin-top: 0 !important;
align-items: center !important;
}
#videos-count {
display: none !important;
}
.meta-item.ytd-c4-tabbed-header-renderer {
display: block !important;
}
div#channel-header-links.style-scope.ytd-c4-tabbed-header-renderer {
display: none !important;
}
#channel-handle.ytd-c4-tabbed-header-renderer {
display: flex !important;
font-weight: 400 !important;
}
ytd-c4-tabbed-header-renderer[use-page-header-style] #channel-pronouns.ytd-c4-tabbed-header-renderer {
display: none !important;
}
/* Other fixes to be temporary (UI changes) */
ytd-c4-tabbed-header-renderer[use-page-header-style] #channel-name.ytd-c4-tabbed-header-renderer {
font-size: 2.4em !important;
font-weight: 400 !important;
line-height: var(--yt-channel-title-line-height, 3rem) !important;
}
span.delimiter.style-scope.ytd-c4-tabbed-header-renderer {
display: none !important;
}
div#meta.style-scope.ytd-c4-tabbed-header-renderer {
width: auto !important;
}
ytd-c4-tabbed-header-renderer[use-page-header-style] #inner-header-container.ytd-c4-tabbed-header-renderer {
flex-direction: row !important;
}
div.page-header-banner.style-scope.ytd-c4-tabbed-header-renderer {
margin-left: 0px !important;
margin-right: 0px !important;
border-radius: 0px !important;
}
/* Make the subscribe button next to the 'Join' button */
#buttons.ytd-c4-tabbed-header-renderer {
flex-direction: row-reverse !important;
}
div#sponsor-button.channel-action.style-scope.ytd-c4-tabbed-header-renderer {
margin-left: 0px !important;
margin-right: 8px !important;
}
/* Other misc */
ytd-c4-tabbed-header-renderer .yt-tab-shape-wiz {
padding: 0 32px !important;
margin-right: 0 !important;
}
ytd-c4-tabbed-header-renderer .yt-tab-shape-wiz__tab {
font-size: 14px !important;
font-weight: 500 !important;
letter-spacing: var(--ytd-tab-system-letter-spacing) !important;
text-transform: uppercase !important;
}
ytd-c4-tabbed-header-renderer .yt-tab-group-shape-wiz__slider {
display: none !important;
}
}