Skip to content

Instantly share code, notes, and snippets.

@cjkoepke
Last active August 29, 2015 14:05
Show Gist options
  • Save cjkoepke/ceff5d5eb935513fc325 to your computer and use it in GitHub Desktop.
Save cjkoepke/ceff5d5eb935513fc325 to your computer and use it in GitHub Desktop.
Jetpack Sharing CSS
/*
Jetpack Sharing
---------------------------------------------------------------------------------------------------- */
.sd-content ul li a.sd-button {
margin: 0 !important;
width: 25% !important; /* Whatever the number of icons you choose to be using, they should add up in percentages to EQUAL 100% (in this case, I used 4 icons, so 100/4 = 25%). */
border-radius: 0 !important;
text-align: center;
background: #39C9A8 !important; /* Main icon background color. */
border-right: 1px solid #FFF !important; /* Creates a seemingly 1px space between buttons. The color should match your post background. */
padding: 10px !important;
}
.sd-content ul li a.sd-button:hover {
background: #333 !important; /* Hover background color for buttons. */
opacity: 1 !important;
}
.sd-social-icon .sd-button span.share-count {
background: transparent !important;
font-size: 10px !important;
margin-top: 2px !important;
right: auto !important;
bottom: auto !important;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment