how do we add a favicon to the Luminate donation pages?

Sarah Royal · April 2017

Trying to add a favicon (to match the rest of our website) onto our Luminate forms pages (donation forms, surveys, etc.). All of the advice in the Community is several years old and isn't helping. How do we do this?

Thanks!

Brian Mucha · April 2017

Sarah Royal:

Trying to add a favicon (to match the rest of our website) onto our Luminate forms pages (donation forms, surveys, etc.). All of the advice in the Community is several years old and isn't helping. How do we do this?

Thanks!

You set this in the HEAD section of your pagewrapper.

<link rel="shortcut icon" type="image/x-icon" href="../_wrappers/luriechildrens/responsive_2017/images/lch.ico" />

The format for the image must be 16x16 pixels or 32x32 pixels, using either 8-bit or 24-bit colors. The format of the image must be one of PNG (a W3C standard), GIF, or ICO. (w3c.org)

Apparently you can't save directly as ICO from Photoshop anymore, but there are free utilities to convert for you. (https://forums.adobe.com/thread/1247425)

Or you can try http://www.favicon.cc/

You might be able to just save as an RGB PNG and rename it to favicon.ico. I haven't tried that.

Do you have FTP access for your site? You'll need to store that ICO file somewhere. I suppose you could just use the Image Library.

BPM

Anne Berlin · April 2017

Brian Mucha:

Sarah Royal:

Trying to add a favicon (to match the rest of our website) onto our Luminate forms pages (donation forms, surveys, etc.). All of the advice in the Community is several years old and isn't helping. How do we do this?

Thanks!

You set this in the HEAD section of your pagewrapper.

<link rel="shortcut icon" type="image/x-icon" href="../_wrappers/luriechildrens/responsive_2017/images/lch.ico" />

The format for the image must be 16x16 pixels or 32x32 pixels, using either 8-bit or 24-bit colors. The format of the image must be one of PNG (a W3C standard), GIF, or ICO. (w3c.org)

Apparently you can't save directly as ICO from Photoshop anymore, but there are free utilities to convert for you. (https://forums.adobe.com/thread/1247425)

Or you can try http://www.favicon.cc/

You might be able to just save as an RGB PNG and rename it to favicon.ico. I haven't tried that.

Do you have FTP access for your site? You'll need to store that ICO file somewhere. I suppose you could just use the Image Library.

BPM

Brian and Sarah, this is an aspect of Luminate that I'm sadly unfamiliar with. Could one of you post a screenshot of these fav icons in use? Is this contingent on having the Luminate CMS? Thanks.

Brian Mucha · April 2017

FavIcons aren't unique to Luminate or anthing. They are just the little icons that appear in browser tabs, and in your history and so on.

047987c537b0735afd6bf8c847551028-huge-ca

No special requirements. You just need to add the meta tag, usually in your page wrapper, and have the icon file posted somewhere.

Sarah Royal · April 2017

Yes, I know they're not unique to Luminate. I was asking about adding them to Luminate pages vs. my regular site. The advice posted above works. Thank you!

Brian Mucha:

FavIcons aren't unique to Luminate or anthing. They are just the little icons that appear in browser tabs, and in your history and so on.

No special requirements. You just need to add the meta tag, usually in your page wrapper, and have the icon file posted somewhere.

how do we add a favicon to the Luminate donation pages?

Comments

Categories