Lost Social Connection Icons after uploading custom images I created a subtheme for Commerce Kickstart / Omega. As part of the refresh, I want to use the existing "Connect with Us" block, but replace the existing icons with customized images (theme consistent colors). 

I uploaded replacement files to sites/all/SUBTHEME/images, using the same file name and type as in the original theme: 


icon_facebook.png
icon_twitter.png


Saved / refreshed: Icons disappeared from the block. If I was uploading to the wrong directory, I feel like it would continue to show the original yellow icons, but the icons no longer show at all. 

Here's the code from the css file:

  #block-menu-menu-social-connection .content ul.menu li span,
  #block-menu-menu-social-connection .content ul.menu li a {
    color: #eeeeee; }
  #block-menu-menu-social-connection .content ul.menu li a.facebook {
    background: url("../images/icon_facebook.png") 2% 50% no-repeat;
    /* LTR */ }
  #block-menu-menu-social-connection .content ul.menu li a.twitter {
    background: url("../images/icon_twitter.png") 2% 50% no-repeat;
    /* LTR */ }
  #block-menu-menu-social-connection .content ul.menu li a.instagram {
    background: url("../images/icon_instagram.png") 2% 50% no-repeat;
    /* LTR */ }
After troubleshooting with @nosssweat, it turns out this is an issue with Adobe PS saving empty PNG files. Surprise! 

To fix, I switched to 24-bit PNG and was able to save the web-optimized format correctly. All issues fixed here.