Viewing 5 replies - 1 through 5 (of 5 total)
  • 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);
    }
    Thread Starter chadlewine

    (@chadlewine)

    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;
    }
    Thread Starter chadlewine

    (@chadlewine)

    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;
    }
Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘background image’ is closed to new replies.