Skip to content

Instantly share code, notes, and snippets.

@jessestu
Created March 7, 2019 16:54
Show Gist options
  • Save jessestu/5b8c8f3bd3667dceb55167a86e731e53 to your computer and use it in GitHub Desktop.
Save jessestu/5b8c8f3bd3667dceb55167a86e731e53 to your computer and use it in GitHub Desktop.

Please go to My Site → Customize → CSS (or Additional CSS), then add all of the following code to the bottom of that window.


/* This CSS puts the sharing buttons at the top of single post pages.
* 11021730-hc (jw)
*/
.single .entry-content {
  display: flex;
  flex-direction: column;
}
.single .entry-content p {
  order: 2;
}
.single #jp-post-flair {
  order: 1;
  margin-bottom: 50px;
}

Tip: keep the /* comment */ in the code to later know what this code does.

Example of where to add the CSS

If this image fails to load, please see it at: http://cld.wthms.co/av2gwv

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