Skip to content

Instantly share code, notes, and snippets.

Last active December 30, 2016 15:07
  • Star 7 You must be signed in to star a gist
  • Fork 4 You must be signed in to fork a gist
Star You must be signed in to star a gist
What would you like to do?
Custom Twitter stylesheet

Custom Twitter Stylesheet

Craig Mod does a bigger overhaul with Twitter for Minimalists, but this will only do the following:

  • Hides promoted tweets and trends
  • Hides the useless “Expand” link that appears under every tweet
  • Tones down the blue conversation line to a barely-visible gray
  • Hides all numbers

You can add this CSS in Safari with this extension. The URL to target is*.

.Footer { display: none !important; }
visibility: hidden;
.permalink .cards-media-container { display: block !important; }
.tweet:hover .tweet-actions {
display: inline !important;
.conversation-module > li::after,
.conversation-module > li::before {
background-color: #eee !important;
.ProfileTweet--high .ProfileTweet-text {
font-size: 16px !important;
line-height: 22px !important;
font-weight: 400 !important;
.highline { font-family: "Helvetica" !important; }
Copy link

In the course of hiding all the inlined rubbish in timelines, this also makes photos completely invisible everywhere. A workaround:

.permalink .cards-media-container { display: block !important; }

This shows the media block on single-tweet permalink pages, which lets you get at the photos.

Copy link

Added this to hide the inline stats:
span.Icon.Icon--analytics { display: none; }

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment