0

I am working on a publishing site collection and I am using the enterprise wiki template. But inside the “Pages” library I will get an IE icon beside the items as follow:-

enter image description here

So is there a way to change this icon , to a custom image ?

Thanks

3

You could either change the icon for htm pages in the hive (its ichtm.gif by default ["ic" for icon and "htm" for filetype]) or overwrite it by CSS or JS.

Here's a example for plain CSS:

img[src="/_layouts/15/images/ichtm.gif"] {
   background-image: url("http://upload.wikimedia.org/wikipedia/commons/f/f0/Pdf_16x16_Crystal_SVG.png");
   height: 0px;
   width: 0px;
   padding: 8px;
}

Here's some JS (plus jQuery) magic:

$('img[src="/_layouts/15/images/ichtm.gif"]').attr("src", "http://upload.wikimedia.org/wikipedia/commons/f/f0/Pdf_16x16_Crystal_SVG.png");

This will replace all images referring to the old IE icon with a custom one.

And here is the path to the icon if you want to replace it in the hive - \Program Files\Common Files\Microsoft Shared\Web Server Extensions\15\TEMPLATE\IMAGES\ichtm.gif

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.