- 19 Apr 2023
- 1 Minute to read
- DarkLight
Changing User Portal Favicon
- Updated on 19 Apr 2023
- 1 Minute to read
- DarkLight
Favicons are the small images that you can see on your browser tabs. You can customize this favicon to match your logo or your branding in Nexudus.
Changing your User Portal favicon is an easy two-step process on the Admin Panel.
Step 1. Uploading your Favicon to the Custom Files Folder
Before you can use your can use your favicon, you need to upload it to the custom files folder of the template editor.
Log in to dashboard.nexudus.com if you aren't already.
Click on Image files.
Click Add image on the top right corner of the page.
Click Select file and select your favicon.
Your file's name cannot include any:- Spaces
- Brackets — (), {}, []
Click the Save Changes button.
Your favicon file now appears in the folder.
Click on your favicon.
Copy your favicon's URL by clickin on the clipboard icon and save it somewhere.
You'll need it to complete the next step.
Step 2. Adding your Favicon to the head.js File
Once you've uploaded your favicon and saved its URL, all you need to do is add a snippet of code to your head.js .
- Click on head.js.
- Add the following code snippet at the end of the head.js file, after the */ symbols.
[
{"type": "link",
"rel": "icon",
"href": "",
"sizes": "32x32"}
]
- Add your favicon's URL between the quotation marks after the href tag.
Click the Save button.
Your favicon should now appear when you open your User Portal page in any browser. If you don't see your favicon, try refreshing the page.