# Image and font libraries Maintain images and font references that you can select when configuring website branding and chat appearance. *Release 3.3 · admin, developer* **Settings › General Settings › Image Library** · **Settings › Chat › Fonts** · **Settings › General Settings › Website** · **Settings › Chat › Themes** · **Settings › Chat › Chat Pane** ## What it is The **Image Library** lets you upload and select reusable images for website and operator appearance. The **Font Library** stores named font references for chat styling. Branding settings select those assets for a particular use. ## Who uses it and why Users with the **Settings** role and the relevant **Image Library** or **Fonts** permission maintain approved branding images and font choices. Developers provide font addresses and custom styling for the visitor experience. ## Where to find it With the **Settings** role and the relevant screen permissions, open **Settings › General Settings › Image Library** for images. Open **Settings › Chat › Fonts** for the screen titled **Font Library**. **Settings › General Settings › Website** contains **Company Logo** and **Website Image**. Visitor appearance is configured in **Settings › Chat › Themes**. The older **Settings › Chat › Chat Pane** screen contains **Custom CSS**, **Site Logo** and **Force logo size (w, h)**. ## How it works In **Image Library**, use **New** to add an image. Image selectors in other configuration screens let you choose an existing image and preview the selection. Removing an image from a particular setting and deleting the reusable asset are different actions. In **Font Library**, choose **New**, enter **Font Name**, and supply a font stylesheet address or font-file addresses. Save the font, then select it in the appearance settings that use it. You can edit a font or delete it after confirmation. ## Configure it Grant **Image Library** and **Fonts** to users with the **Settings** role who maintain branding. Upload the required images, then use **Choose Image** on the relevant branding field and save that screen. For fonts, enter a name and at least one address. The font editor accepts a stylesheet address and up to five file addresses. Keep those resources available to the browsers that display your visitor experience. ### Settings | Setting | Where | Applies to | Default | Who can change it | What it does | |---|---|---|---|---|---| | Company Logo | Settings › General Settings › Website | website | Not set: no company logo selected | Settings role | Selects the website's company logo image. | | Website Image | Settings › General Settings › Website | website | Not set: no website image selected | Settings role | Selects the website image used in the INSIDE app. | | Custom CSS | Settings › Chat › Chat Pane | website | Not set: no additional stylesheet applied | Settings role | Supplies additional styling for the legacy chat pane. | | Site Logo | Settings › Chat › Chat Pane | website | Not set: no chat pane logo selected | Settings role | Selects the logo image for the legacy chat pane. | | Force logo size (w, h) | Settings › Chat › Chat Pane | website | Not set: no logo dimension override | Settings role | Overrides the legacy chat pane logo's displayed dimensions. | ### Fields | Field | Where | Required | What it is for | |---|---|---|---| | Font Name | Settings › Chat › Fonts › New | Yes | Names a font so it can be selected in appearance configuration. | | URL (eg for google fonts) | Settings › Chat › Fonts › New | No | Supplies the stylesheet address used to load a font; either this or a font-file address is required. | | Files (eot, woff, woff2, ttf, svg) | Settings › Chat › Fonts › New | No | Supplies up to five font-file addresses; at least one address is required if no stylesheet address is supplied. | ### Permissions | Permission | Lets you | |---|---| | Image Library | Controls access to image administration through delegated Settings permissions. | | Fonts | Controls access to font administration through delegated Settings permissions. | | Website | Controls delegated access to website profile and branding configuration. | | Themes | Controls delegated access to visitor theme configuration that uses shared assets. | ## Limits and good to know - Custom image uploads accept JPEG, PNG, GIF, SVG, APNG, WebP, AVIF and icon formats, including common JPEG filename variants. - A unique font name is required. The editor checks supplied addresses and requires at least one. - Adding an asset to a library does not apply it to every theme automatically. - Check where an asset is used before deleting it. Deletion does not establish automatic replacement in existing configuration. - Legacy **Chat Pane** settings and **Themes** are separate appearance editors. ## Depends on and works with ### This feature uses - **Configured in** [Roles and permissions](ADM-008.md): Settings permissions control image and font administration. - **Related** [Website and regional settings](ADM-004.md): Select library images in Website settings to apply the company logo and website image. - **Related** [Visitor chat themes and branding](VX-003.md): Apply library images and fonts through the visitor theme settings. - **Related** [Legacy chat pane settings](VX-032.md): Legacy Chat Pane settings provide separate logo and custom stylesheet controls. ### Used by - **Enhances** [Floor scenes and industry settings](CON-008.md): Image assets support floor logos and scene imagery. - **Enhances** [My Look operator avatar choices](CON-011.md): Image selection supports profile and shirt imagery. - **Enhances** [Visitor chat themes and branding](VX-003.md): Image and font libraries supply brand resources. - **Enhances** [Visitor popups and embedded content](VX-016.md): Images can supply popup artwork. - **Enhances** [Subsites](ADM-003.md): Choose a subsite badge from the image assets. - **Enhances** [Website and regional settings](ADM-004.md): Image assets supply the company logo and website image. - **Enhances** [Teams](ADM-013.md): Image assets supply the team image. - **Enhances** [Business hours and scheduling](ADM-016.md): Booking themes can use background images. ## FAQ and troubleshooting ### Why has uploading a logo not changed the website branding? Select the uploaded image in **Company Logo**, **Website Image** or the relevant chat appearance setting, then save that configuration. ### Why will a new font not save? Enter **Font Name** and at least one valid stylesheet or file address. Correct any field marked with an error. ### Why can I view the libraries but not edit them? Ask a user with the **Settings** role and **Operators** permission to check your **Settings** role, **Image Library**, **Fonts** and your view-only Settings access. ### Will deleting an image replace it wherever it is used? Do not rely on that. Update the settings that use the image before deleting the asset.