Genesis simple share is a great lightweight plugin to get your posts and content shared easily, but sometimes the generic colors just don’t fit our initial palette.
So below is some code you can slip into your CSS files to give it a bit of a facelift.
But before wqe start you need to have the plugin installed and activated and set up to match the same configuration as mine.


/* Genesis Simple Share
--------------------------------------------- */
.sharrre{
border-radius:15px;
}
.share-outlined .facebook,
.share-outlined .linkedin,
.share-outlined .twitter,
.share-outlined .pinterest,
.share-outlined .googlePlus,
.share-outlined .stumbleupon{
box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.share-outlined .facebook:hover,
.share-outlined .linkedin:hover,
.share-outlined .twitter:hover,
.share-outlined .pinterest:hover,
.share-outlined .googlePlus:hover,
.share-outlined .stumbleupon:hover{
box-shadow:none;
}
.share-outlined .facebook .share,
.share-outlined .facebook .count,
.share-outlined .linkedin .share,
.share-outlined .linkedin .count,
.share-outlined .twitter .share,
.share-outlined .pinterest .share,
.share-outlined .pinterest .count,
.share-outlined .googlePlus .share,
.share-outlined .stumbleupon .share,
.share-outlined .stumbleupon .count{
color:#ab1b4c;
border-color:#d4f5d2;
background-color:#d4f5d2;
}
.share-outlined.share-small .linkedin .no-count .share,.share-outlined.share-medium .linkedin .no-count .share,
.share-outlined.share-small .pintrest .no-count .share,.share-outlined.share-medium .pintrest .no-count .share,
.share-outlined.share-small .facebook .no-count .share,.share-outlined.share-medium .facebook .no-count .share,
.share-outlined.share-small .googlePlus .no-count .share,.share-outlined.share-medium .googlePlus .no-count .share,
.share-outlined.share-small .twitter .no-count .share, .share-outlined.share-medium .twitter .no-count .share {
border-right:1px solid #d4f5d2;
}
Leave a Reply