Public Forums 71,145 posts

[cherryred Friend cherryredJoin date: September 2011Posts: 37Downloads:7Uploads:6 Thanks: 4]

#966753

I have searched for help before asking here.
I can see (using view source) that my website uses the following line of code to call the favicon
<link href="/ChurchWebsite/templates/purity_iii/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon" />

I have generated a favicon.ico file and placed it in ChurchWebsite/templates/purity_iii

The online favicon generator also generates png files (for example favicon-16×16.png and apple-touch-icon-144×144.png)
Where do I put these png files?

The online generator also generates code and says it should go ‘in the head’
The code looks like this

link rel="apple-touch-icon-precomposed" sizes="144×144" href="apple-touch-icon-144×144.png" />
<link rel="apple-touch-icon-precomposed" sizes="152×152" href="apple-touch-icon-152×152.png" />
<link rel="icon" type="image/png" href="favicon-32×32.png" sizes="32×32" />
<link rel="icon" type="image/png" href="favicon-16×16.png" sizes="16×16" />
<meta name="application-name" content=" "/>
<meta name="msapplication-TileColor" content="#FFFFFF" />
<meta name="msapplication-TileImage" content="mstile-144×144.png" />

I tried going to templates>purity_iii>custom code, and entering the code in the box labelled "Before Global"
I pressed ‘save’ but didn’t press LESS to CSS (because I don’t know what that does)

Despite clearing cache on the browser and forcing page refresh, the favicon remains unchanged.

I would be very grateful for help

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#966771

Kindly post your working site URL.

[cherryred Friend cherryredJoin date: September 2011Posts: 37Downloads:7Uploads:6 Thanks: 4]

#966804

Thank you, I will post again when site is live.

Thank you for replying

[Author]

Posts