It’s because is missing the dimensions of the icon.
Use this:
.social-count-plus .custom .count-facebook a {
background-image: url(http://guesehat.com/wp-content/uploads/2016/07/icon-fb.jpg);
width: 30px;
height: 30px;
}
Hi Claudio,
Thank you for the response!
I tried your code but it’s still not changing.
I’ve even changed the .custom to .default because I saw the class name as default instead of .custom, but it’s still not changing (I’ve tested it by clearing WP cache too)
Screenshot: http://screencast.com/t/9FTlxzzsRDI
Cheers and have a good day!
Well need more CSS if you are trying to change the .default icons.
This can help:
.social-count-plus .custom .count-facebook a {
background-image: url(http://guesehat.com/wp-content/uploads/2016/07/icon-fb.jpg) !important;
background-position: 0 !important;
width: 30px !important;
height: 30px !important;
}
Hi Claudio,
We tested that code and it doesn’t change the icons. But we saw the logo somehow for 0.1 seconds (very quick) before it changes to your icon.
Anything I need to disable/change?
Cheers!
Ops.
This one:
.social-count-plus .default .count-facebook a {
background-image: url(http://guesehat.com/wp-content/uploads/2016/07/icon-fb.jpg) !important;
background-position: 0 !important;
width: 30px !important;
height: 30px !important;
}
I forget to change the .custom to .default.
Hi Claudio,
I use this css.
.social-count-plus .default .count-facebook a {
background-image: url(http://guesehat.com/wp-content/uploads/2016/07/icon-fb.jpg) !important;
background-position: 0 !important;
width: 30px !important;
height: 30px !important;
}
but the background-position is disabled,
because this css.
.social-count-plus .default .count-instagram a {
background-position: -192px 0 !important;
}
How i disabled this function ?
background-position: -192px 0 !important;
Cheers.
Try
body .social-count-plus .default .count-facebook a {
background-image: url(http://guesehat.com/wp-content/uploads/2016/07/icon-fb.jpg) !important;
background-position: 0 !important;
width: 30px !important;
height: 30px !important;
}
