Skip to content

Instantly share code, notes, and snippets.

@cre8tivediva
Created January 15, 2022 01:52
Show Gist options
  • Save cre8tivediva/25da7c98db7d838cf227fb0f00809806 to your computer and use it in GitHub Desktop.
Save cre8tivediva/25da7c98db7d838cf227fb0f00809806 to your computer and use it in GitHub Desktop.
Custom Style for Genesis Simple Share
/* Genesis Simple Share - uses Genericons
--------------------------------------------- */
/* Centers the icons */
.share-before, .share-after {
overflow: auto;
text-align: center;
}
.sharrre {
cursor: pointer;
display: inline-block;
font-family: 'Genericons';
speak: none;
font-size: 1em;
width: 2em;
text-align: center;
line-height: 1.8em;
margin: 0 .2em 1em .2em;
color: #666;
border: 2px solid #666;
border-radius: 50%;
}
.sharrre .count, .sharrre .share {
display: none;
}
/* styling filled icons */
.share-filled .sharrre {
background: #666;
border: none;
color: #fff;
width: 1.8em;
}
/* size medium size icons */
.share-medium .sharrre {
font-size: 1.5em;
}
.sharrre:hover {
background: #0fbe7c;
color: #fff;
}
.facebook:before {
content: '\f204';
}
.twitter:before {
content: '\f202';
}
.pinterest:before {
content: '\f209';
}
.linkedin:before {
content: '\f207';
}
.stumbleupon:before {
content: '\f223';
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment