This project is read-only.

Change icons in SP2013 online (365)

Jun 12, 2013 at 11:35 AM
Is it possible to change the icons used in various places? I've made some major changes to the look and feel and whilst the icons look great the colours don't go with my background colours.

I've identified the spcommon.png file is the image the sites uses but I have no way of replacing that as its placed in the "_layouts" folder.

Is there another method of doing this?


Jun 12, 2013 at 5:25 PM

It could be done but it would require a lot of additional css.

First, download the spcommon.png sprite and open that in photoshop. You will want to change all icons within this image and save this back to your site somewhere.

Now, pull the core15.css file from your site, use Fiddler or Firebug. Search through and look for all references to the spcommon.png sprite. Take those classes and add them to your own custom stylesheet, directing the background image to your new sprint instead. It is definitely possible, just time consuming.

Jun 14, 2013 at 10:07 AM
Thanks Eric never thought of doing it that way, although i have been overriding the CSS content with my own. I'll see how i get on with that.