☰

YouTube - Gigantic Search Result Thumbnails Fix

This style reverts back to the normal search result thumbnails since they have first experimented back in July 2022.

  1. /* ==UserStyle==
  2. @name         YouTube - Gigantic Search Result Thumbnails Fix
  3. @version      20241107.05.26
  4. @namespace    userstyles.world/user/magma_craft
  5. @description  This style reverts back to the normal search result thumbnails since they have first experimented back in July 2022.
  6. @author       magma_craft
  7. @license      CC Zero
  8. ==/UserStyle== */
  9.  
  10. @-moz-document domain("youtube.com") {
  11. /* Revert giant search thumbnails back to normal one */
  12. ytd-two-column-search-results-renderer[use-bigger-thumbs][bigger-thumbs-style=BIG] #primary.ytd-two-column-search-results-renderer, ytd-search[has-search-header][has-bigger-thumbs] #header.ytd-search {
  13.   max-width: 1096px !important;
  14. }
  15.  
  16. ytd-channel-renderer[use-bigger-thumbs][bigger-thumb-style=BIG] #avatar-section.ytd-channel-renderer, ytd-channel-renderer[use-bigger-thumbs] #avatar-section.ytd-channel-renderer {
  17.   max-width: 360px !important;
  18. }
  19.  
  20. ytd-video-renderer[use-bigger-thumbs][bigger-thumbs-style=BIG] ytd-thumbnail.ytd-video-renderer, ytd-video-renderer[use-search-ui] ytd-thumbnail.ytd-video-renderer {
  21.   max-width: 360px !important;
  22. }
  23.  
  24. ytd-playlist-renderer[use-bigger-thumbs][bigger-thumbs-style=BIG] ytd-playlist-thumbnail.ytd-playlist-renderer, ytd-playlist-renderer[use-bigger-thumbs] ytd-playlist-thumbnail.ytd-playlist-renderer {
  25.   max-width: 360px !important;
  26. }
  27.  
  28. ytd-radio-renderer[use-bigger-thumbs][bigger-thumbs-style=BIG] ytd-thumbnail.ytd-radio-renderer, ytd-radio-renderer[use-bigger-thumbs] ytd-thumbnail.ytd-radio-renderer {
  29.   max-width: 360px !important;
  30. }
  31.     
  32. ytd-radio-renderer[use-bigger-thumbs][bigger-thumbs-style=BIG] ytd-thumbnail.ytd-radio-renderer, ytd-radio-renderer[use-bigger-thumbs][bigger-thumbs-style=BIG] ytd-playlist-thumbnail.ytd-radio-renderer {
  33.   max-width: 360px !important;
  34. }
  35.  
  36. ytd-movie-renderer[use-bigger-thumbs][bigger-thumbs-style=BIG] .thumbnail-container.ytd-movie-renderer, ytd-movie-renderer[use-bigger-thumbs] .thumbnail-container.ytd-movie-renderer {
  37.   max-width: 360px !important;
  38. }
  39.  
  40. ytd-promoted-video-renderer[use-bigger-thumbs][bigger-thumbs-style=BIG] ytd-thumbnail.ytd-promoted-video-renderer,
  41. ytd-promoted-sparkles-web-renderer[web-search-layout][use-bigger-thumbs][bigger-thumbs-style=BIG] #thumbnail-container.ytd-promoted-sparkles-web-renderer,
  42. ytd-text-image-no-button-layout-renderer[use-bigger-thumbs][bigger-thumbs-style=BIG] #text-image-container.ytd-text-image-no-button-layout-renderer {
  43.   max-width: 360px !important;
  44. }
  45.  
  46. .yt-lockup-view-model-wiz--horizontal .yt-lockup-view-model-wiz__content-image {
  47.   max-width: 360px !important;
  48. }
  49. }