> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.unicornplatform.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Change logo on specific pages

This simple guide will show you how to change the logo image on specific pages.

![](https://storage.crisp.chat/users/helpdesk/website/7e782a40c0560c00/logos_qoo76u.png)

#### Step 1

Copy this code:

```
<script>
	(() => {
		const src = 'https://unicorn-cdn.b-cdn.net/b89e8ec7-5301-454b-a2c9-8b1130627679/hector-j-rivas-1fxmet2u5du-unsplash.png';
		const img = document.querySelector('.nav-02__logo_img');
		img.src=src;
		img.removeAttribute('srcset');
		img.removeAttribute('sizes');
	})()
</script>
```

#### Step 2

On the required page, create a **Custom HTML** component.

![](https://storage.crisp.chat/users/helpdesk/website/7e782a40c0560c00/image_lyc2fi.png)

#### Step 3

Paste the code inside.

![](https://storage.crisp.chat/users/helpdesk/website/7e782a40c0560c00/chromewvdkcwa2t4_rhpvs4.png)

#### Step 4

Replace the image source URL with your own one (make sure to keep the quotes). [How to get a direct link to an image](https://help.unicornplatform.com/en/article/how-to-get-a-direct-link-to-an-image-vd7fyh/)


![](https://storage.crisp.chat/users/helpdesk/website/7e782a40c0560c00/chrome8dcjy7d6cq_2buy7p.png)

#### Done!

Now the logo image on this page is changed 💪