SHARE
TWEET

Twitter Layout Fix

a guest Jul 19th, 2019 174 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  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!
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top