Hi there, could you please let me know how i can create more customised design for Cookie Accept banner?
here is a quick loom overview of my issue and needs
Thank you so much for your help
Hello @AndriiM
If you want to customize the cookie banner in HubSpot, you can adjust the banner position and button background color.
Refer to the attached document for more information on the cookie banner style settings.
If you want to customize it more, you can write your custom code on the template of website pages.
Here are the steps to change the width and alignment of the cookie banner:
Navigate to Settings > Website > Pages.
Click the Template tab.
In the Site header HTML field, paste the following CSS code:
<style>
#hs-banner-parent #hs-eu-cookie-confirmation {
max-width: 800px;
margin: 0 auto;
width: 100%;
}
#hs-banner-parent #hs-eu-policy-wording {
margin: 0 !important;
text-align: center;
}
#hs-banner-parent #hs-eu-cookie-confirmation-buttons-area {
margin: 0 !important;
justify-content: center !important;
}
</style>