Advertisement
Guest User

Twitter Layout Fix

a guest
Jul 19th, 2019
321
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.11 KB | None | 0 0
  1. MAKING TWITTER'S NEW LAYOUT LESS PANTS-ON-HEAD STUPID
  2.  
  3. Things you need:
  4. 1. "UBlock Origin" browser extension - for removing unwanted elements on the page
  5. 2. "Stylus" extension - for adjusting the appearance & sizes of elements of the page
  6. 3. A desktop computer, which Twitter has apparently forgot how to design web interfaces for
  7.  
  8. Instructions:
  9.  
  10. Open the UBlock Origin extension. Go to the " My Filters" tab and paste this:
  11.  
  12. ! TWITTER -------------------------------------------
  13. ! Remove right sidebar column - "Worldwide Trends", "Who to Follow", etc
  14. twitter.com##[data-testid*="sidebarColumn"]
  15. ! "Compose Tweet" header button... which is where the "explore" searchbar used to be, which actually made fucking sense
  16. twitter.com##a[href*="compose/tweet"][aria-haspopup="false"]
  17. ! Unwanted Left Column items. Just replace the "has-text" argument with the text of the icon you want to remove
  18. twitter.com##a[aria-haspopup="false"]:has(span:has-text(Bookmarks))
  19. twitter.com##a[aria-haspopup="false"]:has(span:has-text(Lists))
  20. ! END TWITTER ----------------------------------------------
  21.  
  22. Next, open the Stylus extension. Make a new Style called "Twitter", set "URLs on the domain" to "twitter.com", and paste this:
  23.  
  24. /* Targets the container for the middle and right side columns.
  25. /* Makes a little bit of space to the right of the Tweet feed. */
  26. [role="main"].css-1dbjc4n.r-1habvwh.r-16y2uox.r-1wbh5a2 {
  27. margin-right:100px !important; /* Change this value to whatever looks best on your monitor */
  28. }
  29.  
  30. /* Targets the highest level (primaryColumn) and lowest level (the random-ish series of letters)
  31. /* container for the column of tweets. Greatly increases the Tweet feed column's max width while
  32. /* keeping its ability to resize in smaller windows. */
  33. [data-testid*="primaryColumn"], .css-1dbjc4n.r-1jgb5lz.r-1ye8kvj.r-6337vo.r-13qz1uu {
  34. margin-left:0px !important;
  35. margin-right:0px !important;
  36. max-width: 900px !important; /* Change this value to whatever looks best on your monitor */
  37. }
  38.  
  39. Congratulations, you now have a social media page that looks like it wasn't designed by bleach-drinking monkeys!
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement