# Changing the header on Email subscription template

**URL:** <https://community.hubspot.com/t/changing-the-header-on-email-subscription-template/115865>\
**Category:** CMS Development\
**Tags:** design-manager\
**Created:** [September 5, 2024, 3:15pm UTC](https://community.hubspot.com/t/changing-the-header-on-email-subscription-template/115865 "2024-09-05T15:15:46Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![KCooperUK](https://avatars.discourse-cdn.com/v4/letter/k/7ab992/32.png) [@KCooperUK](https://community.hubspot.com/u/KCooperUK)\
**Post date:** [September 5, 2024, 3:15pm UTC](https://community.hubspot.com/t/changing-the-header-on-email-subscription-template/115865/1 "2024-09-05T15:15:46Z")

</div>

I would like to change the logo file on the header.html file [@hubspot/cmsdefaultsystempages/templates/partials/header.html]

I have added the new logo to the BrandKit and can link to it by using the code [\<img src=“{{ brand\_settings.logos[3].src }}”].

I have cloned the file email-subscription-prefences.html and also the partials/header.html file without any issues, however it seems I also need to create a clone of the system-base.html file in order to point to the new cloned header.html file and I am not able to create a successful clone of the system-base.html file outside of the system folder.

It seems that the easiest way to do this would be to be able to edit the original partials/header.html file but I am not able to do that.

Is it possible to allow me access to do this or suggest an easier way to accomplish this?

Thank you

---

<div class="post-metadata">

**Author:** ![evaldas](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/evaldas/32/69160_2.png) [@evaldas](https://community.hubspot.com/u/evaldas)\
**Post date:** [September 5, 2024, 3:43pm UTC](https://community.hubspot.com/t/changing-the-header-on-email-subscription-template/115865/2 "2024-09-05T15:43:27Z")

</div>

Hi @KCooperUK

What method are you using to clone the “system-base.html” file and what kind of error are you seeing (if any)?

You should be able to right click on the file and then select “Clone template”, which would then create a copy of the file in the root folder in the Design Manager:

 ![evaldas_0-1725550850318.png](https://d2qpr2jzcazej7.cloudfront.net/original/3X/1/0/105d1cdc25052a26d5197bead3116ef742736c1c.png)

Confirming it worked for me and I got a file called “system-base copy.html”

---

<div class="post-metadata">

**Author:** ![KCooperUK](https://avatars.discourse-cdn.com/v4/letter/k/7ab992/32.png) [@KCooperUK](https://community.hubspot.com/u/KCooperUK)\
**Post date:** [September 5, 2024, 4:00pm UTC](https://community.hubspot.com/t/changing-the-header-on-email-subscription-template/115865/3 "2024-09-05T16:00:19Z")

</div>

Thank you Evaldas. I created the clone in the same way you did. I then updated the new cloned subscriptions template file to link to the new [systems-base.html] file and am getting various different errors. I have attached some screen grabs which might help. To keep things tidy all 3 cloned files are in their own folder at the root.

Thank you so much for taking a look, I appreciate your time.

 ![Screenshot 2024-09-05 at 16.51.21.jpg](https://d2qpr2jzcazej7.cloudfront.net/original/2X/0/00df29daab504f0289c56337111c017b8709644a.jpeg)  
Original link to default system-base.html file with no errors  
 ![Screenshot 2024-09-05 at 16.52.15.jpg](https://d2qpr2jzcazej7.cloudfront.net/original/2X/e/e7e3d8bb7215fb4007a73d11c09919885f473da0.jpeg)  
updated to cloned system-base.html  
 ![Screenshot 2024-09-05 at 16.52.58.png](https://d2qpr2jzcazej7.cloudfront.net/original/3X/a/d/ad6b08d13629113eb348496df5bd3a6afeca8263.png)  
errors  
 ![Screenshot 2024-09-05 at 16.53.55.jpg](https://d2qpr2jzcazej7.cloudfront.net/original/2X/5/54c80eb58b268fa60a163a7a0f4800080fe23da6.jpeg)  
link to new cloned header.html file  
 ![Screenshot 2024-09-05 at 16.54.39.png](https://d2qpr2jzcazej7.cloudfront.net/original/3X/9/5/95cabd77a7e07b2e5864d83adb3e84740c77b993.png)  
errors on new cloned header.html file

---

<div class="post-metadata">

**Author:** ![evaldas](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/evaldas/32/69160_2.png) [@evaldas](https://community.hubspot.com/u/evaldas)\
**Post date:** [September 5, 2024, 4:30pm UTC](https://community.hubspot.com/t/changing-the-header-on-email-subscription-template/115865/4 "2024-09-05T16:30:04Z")

</div>

Sure thing. Anytime you clone something from the system folder, all of the relative path references (i.e. “../macros/helpers.html”) get broken since the relative path assumes you have all the same files placed in the same folder structure.

For example, if you have:

`{% from "../macros/helpers.html" import load_fonts %}`

You would need to update that to be:

`{% from "../@hubspot/cmsdefaultsystempages/macros/helpers.html" import load_fonts %}`

This will require some combing through the code and updating each reference to either your cloned version or a full path to the system folder.

Also, if you want to reference files that sit in the same folder (same hierarchy), you will need to reference this as so:

`{% include './header-touch.html'%}`

Above example is for including the “header-touch.html” in the “system-base-touch.html” file, as they sit in the same folder.

Hope this helps!

---

<div class="post-metadata">

**Author:** ![KCooperUK](https://avatars.discourse-cdn.com/v4/letter/k/7ab992/32.png) [@KCooperUK](https://community.hubspot.com/u/KCooperUK)\
**Post date:** [September 5, 2024, 5:03pm UTC](https://community.hubspot.com/t/changing-the-header-on-email-subscription-template/115865/5 "2024-09-05T17:03:24Z")

</div>

That worked perfectly, thank you so much for taking the time to walk me through this, it’s hugely appreciated! 😁