Title: background image
Last modified: September 1, 2016

---

# background image

 *  [chadlewine](https://wordpress.org/support/users/chadlewine/)
 * (@chadlewine)
 * [9 years, 11 months ago](https://wordpress.org/support/topic/background-image-130/)
 * Hi
    Loving the plugin. I use it on all my sites. I can’t for the life of me figure
   out how to overwrite the background color so that it shows my custom CSS background
   image. Can you help, please?
 * – Chad
 * [https://wordpress.org/plugins/lightweight-social-icons/](https://wordpress.org/plugins/lightweight-social-icons/)

Viewing 5 replies - 1 through 5 (of 5 total)

 *  [neookano](https://wordpress.org/support/users/neookano/)
 * (@neookano)
 * [9 years, 11 months ago](https://wordpress.org/support/topic/background-image-130/#post-7520955)
 * 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](https://wordpress.org/support/users/chadlewine/)
 * (@chadlewine)
 * [9 years, 11 months ago](https://wordpress.org/support/topic/background-image-130/#post-7521022)
 * nope. as you can see, it still isn’t over riding the color chosen by the widget.
 * [http://bkbazaar.com/dev2016/](http://bkbazaar.com/dev2016/) (check the facebook
   icon)
 *  [staceyusborne](https://wordpress.org/support/users/staceycampbell/)
 * (@staceycampbell)
 * [9 years, 10 months ago](https://wordpress.org/support/topic/background-image-130/#post-7521224)
 * 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](https://wordpress.org/support/users/chadlewine/)
 * (@chadlewine)
 * [9 years, 10 months ago](https://wordpress.org/support/topic/background-image-130/#post-7521226)
 * 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](http://bkbazaar.com/dev2016)
 *  [staceyusborne](https://wordpress.org/support/users/staceycampbell/)
 * (@staceycampbell)
 * [9 years, 10 months ago](https://wordpress.org/support/topic/background-image-130/#post-7521228)
 * 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.

 * ![](https://ps.w.org/lightweight-social-icons/assets/icon-256x256.png?rev=2468125)
 * [Lightweight Social Icons](https://wordpress.org/plugins/lightweight-social-icons/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/lightweight-social-icons/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/lightweight-social-icons/)
 * [Active Topics](https://wordpress.org/support/plugin/lightweight-social-icons/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/lightweight-social-icons/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/lightweight-social-icons/reviews/)

## Tags

 * [background](https://wordpress.org/support/topic-tag/background/)
 * [css](https://wordpress.org/support/topic-tag/css/)
 * [hover](https://wordpress.org/support/topic-tag/hover/)
 * [image](https://wordpress.org/support/topic-tag/image/)
 * [link](https://wordpress.org/support/topic-tag/link/)

 * 5 replies
 * 3 participants
 * Last reply from: [staceyusborne](https://wordpress.org/support/users/staceycampbell/)
 * Last activity: [9 years, 10 months ago](https://wordpress.org/support/topic/background-image-130/#post-7521228)
 * Status: not resolved