Try this example for Google Plus:
.lsi-social-icons li a .lsicon-gplus::before {
color: transparent;
background-image: url(https://ssl.gstatic.com/images/branding/google_plus/1x/ic_w_google_plus_grey600_24dp.png);
}
nope. as you can see, it still isn’t over riding the color chosen by the widget.
http://bkbazaar.com/dev2016/ (check the facebook icon)
Try this instead:
.lsi-social-icons li a .lsicon-gplus::before {
color: transparent;
background-image: url(http://bkbazaar.com/dev2016/wp-content/uploads/2016/06/gold-button-bg.jpg) !important;
}
it almost works. check out the facebook icon at the bottom of the page.
any suggestions on removing that background color that shows because of padding?
http://bkbazaar.com/dev2016
Hi there,
Can you give this CSS a try instead:
.lsi-social-icons li a {
color: transparent;
background-image: url(http://bkbazaar.com/dev2016/wp-content/uploads/2016/06/gold-button-bg.jpg) !important;
}