Welcome! Version 7.0

Tutorials / FAQs / Documentation

Make sure your connection is secure ("httpS:" instead of just "http:"). Click the logo above for a secure connection.

| Menu ☰ |
× close
Home Products Services Blog Contact

CMSbyCW Demo Back to CMSbyCW Home

How to Create a Favicon for your site with PNG

How to Create a Favicon for your site with PNG

Published on: 12/19/2025, 11:27 AM by Software Developer

You don’t need an online favicon generator - here’s the simple way to add your own favicon to CMSbyCW.

Using the Default Favicon

1) Save your favicon image as  favicon.png

2) Upload it via FTP to your webhosting account's main folder:

public_html

This will overwrite the default favicon.

3) On the front-end, press Ctrl + F5 (or Shift + F5), to see the updated favicon.  

Using a Custom File Name

1) Upload your image file,(e.g., "image-logo.png" to your main folder via FTP.

2) Confirm the direct URL in your browser, 

Example:  "https://www.YOURDOMAIN.com/image-logo.png "   

3) Via FTP, or your webhost account File Manager, locate the header.php file using this path: 

public_html/template/header.php

On the `header.php`, add this inside the `<head>` section:

<link rel="icon" href="https://www.YOURDOMAIN.com/image-logo.png" style="border-radius: 20px;"> 

- you can also use the code above for any new HTML you might create outside of the CMS. 

This ensures the favicon appears on all pages using your header.

4) Upload the updated file via FTP.

5) Refresh the browser (Shift + F5 to see your  favicon.. 

Enjoy!  :-) 

Related:

Help Page for other Documentation or Tutorials:

Help

Got feedback?

Click HERE and Leave a comment

Share:


Thank you for visiting our website!