Skip to content

Instantly share code, notes, and snippets.

@parsingphase
Last active November 4, 2015 20:34
Show Gist options
  • Save parsingphase/a63f89cdfd13790364cd to your computer and use it in GitHub Desktop.
Save parsingphase/a63f89cdfd13790364cd to your computer and use it in GitHub Desktop.
Custom CSS (user stylesheet) to set your own emoji for twitter's "like" icon. Replace "content" emoji with your own choice.
/* Developed from http://www.shortlist.com/tech/gadgets/heres-how-to-replace-twitters-heart-with-your-own-emoji
Copy / paste your own emojis into the content: lines below
Safari: Preferences -> advanced -> Style Sheet
Other browsers: https://userstyles.org/
*/
.HeartAnimationContainer {
visibility: hidden;
}
.HeartAnimationContainer:after {
/* content: '✩'; */ /* general case, un-comment this and remove/comment those below if you just want one emoji for liked / unliked */
visibility: visible;
display: block;
position: absolute;
}
.ProfileTweet-actionButton .HeartAnimationContainer:after {
content: '★'; /* Not liked by viewer */
}
.ProfileTweet-actionButtonUndo .HeartAnimationContainer:after {
content: '⭐️'; /* Liked by viewer */
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment