I don´t know why but my buttons have a small white font background/shadow.
Looks like there is an image with white font thats under the css configured color.
mine shareon.css
Code: Select all
#social {
margin: 20px 10px;
text-align: right;
}
.global-button {
display: inline-block;
position: relative;
cursor: pointer;
width: 25px;
height: 25px;
padding: 0px;
text-decoration: none;
text-align: center;
color: #8f8f8f;
font-size: 13px;
font-weight: normal;
line-height: 2em;
border-radius: 15px;
}
.global-button:hover { text-decoration: none; }
.facebook-button {
color: #fff;
background: #2d2d2d;
}
.facebook-button:before {
font-family: "FontAwesome";
content: "\f09a";
}
.facebook-button:hover {
color: #000000;
background: #3b5998;
}
.twitter-button {
color: #fff;
background: #2d2d2d;
}
.twitter-button:before {
font-family: "FontAwesome";
content: "\f099";
}
.twitter-button:hover {
color: #000000;
background: #4099FF;
}
.reddit-button {
background: #ff4500;
}
.reddit-button:before {
font-family: "FontAwesome";
content: "\f281";
}
.reddit-button:hover {
color: #ff4500;
background: #fff;
}
.vk-button {
background: #4a76a8;
}
.vk-button:before {
font-family: "FontAwesome";
content: "\f189";
}
.vk-button:hover {
color: #4a76a8;
background: #fff;
}
.tumblr-button {
background: #3a5876;
}
.tumblr-button:before {
font-family: "FontAwesome";
content: "\f173";
}
.tumblr-button:hover {
color: #3a5876;
background: #fff;
}
.whatsapp-button {
color: #fff;
background: #2d2d2d;
}
.whatsapp-button:before {
font-family: "FontAwesome";
content: "\f232";
}
.whatsapp-button:hover {
color: #000000;
background: #66ec6e;
}