Skip to content

youtube channel layout feb-oct 2023 by balduserstyle

Details

Authorbalduserstyle

Licenseunlicense

Categorywww.youtube.com

Created

Updated

Size2.2 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

reverts the channel page layout to feb-oct 2023

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name           YouTube - Revert to Feb 2023 channel page UI
@namespace      github.com/openstyles/stylus
@version        0.1
@description    This userstyle reverts back to the Feb 2023 version of the channel page UI prior to Oct 2023.
@author         balduserstyle
==/UserStyle== */

@-moz-document domain("youtube.com") {

#avatar.ytd-c4-tabbed-header-renderer {
  width: 128px !important;
  height: 128px !important;
  margin: 0 24px 0 0 !important;
  flex: none !important;
  overflow: hidden !important;
}

span.style-scope.ytd-shelf-renderer, ytd-reel-shelf-renderer[modern-typography] #title.ytd-reel-shelf-renderer {
  font-size: 1.6rem !important;
  font-weight: 500 !important;
}

.count-text.ytd-comments-header-renderer {
  font-size: 1.6rem !important;
  line-height: 2.2rem !important;
  font-weight: 400 !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, 3.3rem) !important;
}

div#meta.style-scope.ytd-c4-tabbed-header-renderer {
  width: auto !important;
}
    
span.delimiter.style-scope.ytd-c4-tabbed-header-renderer {
display: none !important;
}
    
ytd-c4-tabbed-header-renderer[use-page-header-style] .meta-item.ytd-c4-tabbed-header-renderer {
margin-right: 8px !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;
}

.yt-tab-shape-wiz {
  padding: 0 32px !important;
  margin-right: 5 !important;
}

.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;
}

.yt-tab-shape-wiz__tab-bar {
  display: none !important;   
}
}

Reviews

No reviews yet.