Custom Images: Locations and Tips

Favicon

The favicon is located in the icons folder - [yourview] > assets > icons > favicon.ico

Library Logos

The library logos are in two places —

1. Our Miami library logo is encoded in the header.html file in the header-footer folder.
   • [yourview] > assets > header-footer > header.html.
   • In turn, the header image from this file are in the images folder.
   • [yourview] > assets > images > library-header-logo.png
   • We can control the file name and image location as it's our own coding.
2. The OneSearch logo made to replace the Clarivate logo is also in images folder.
   • [yourview] > assets > images > library-logo.png
   • This image name is hardcoded into the template so we need to use this location and file name.

Background image

The background image is located in the homepage folder. - [yourview] > assets > homepage > homepage_background.svg

The file name and format type are hardcoded in the Primo template so matching is necessary. I find converting pixel-based images to paths-based SVG text files a bit wonky. There are online image-to-SVG converters. I personally used Adobe Illustrator.

Instructions for installing background image from scratch.