GDPR

Juliaaa
Participant

Customize Cookie Banner Design

SOLVE

Is there a way to customize the cookie banner design? For example, having a different button shape (add more radius).

 

I know there's a post about customizing the cookie banner but HubSpot seems to have changed a little bit and I am not sure if I am following it correctly.

 

My goal is to slightly edit the default styling of the cookie banner to implement a slightly larger button shape with more rounded corners. Is it possible?

1 Accepted solution
noahjeffr
Solution
Member

Customize Cookie Banner Design

SOLVE

Yes, it is possible to customize the cookie banner design in HubSpot to implement a different button shape with more rounded corners. Here are the steps:

In your HubSpot account, navigate to the Design Manager by clicking on the settings cog in the top right corner, and selecting Design Manager.

Search for the cookie banner module by typing "cookie banner" in the search bar and select it.

Click on the "Edit" button to open the module editor.

In the module editor, navigate to the "Styles" tab.

Scroll down to the "Button Styles" section and click on the "Edit" button next to the button style you want to customize.

In the button style editor, you can customize various aspects of the button design, including the button shape, size, color, and font.

To make the button more rounded, adjust the "Border Radius" value. You can increase it to create a more rounded shape.

Once you're done with your changes, click on the "Save" button to save your new button style.

Preview your changes to ensure they have been applied correctly.

That's it! With these steps, you should be able to customize the cookie banner design in HubSpot to implement a slightly larger button shape with more rounded corners.

 

Regards,

 

Noahjeffr

pintodownloader.com

View solution in original post

4 Replies 4
AHarry1
Member

Customize Cookie Banner Design

SOLVE

Cookie Banner Customization: Tailor the design of your website's cookie banner to match your brand's identity, ensuring a seamless and visually appealing user experience while complying with relevant data protection regulations.

 

Read more :- Graphic Designer in Coarsegold

0 Upvotes
radapop
HubSpot Product Team
HubSpot Product Team

Customize Cookie Banner Design

SOLVE

Hi @Juliaaa! I'm Rada, the PM for HubSpot's cookie banner. Just wanted to chime in here to let you know that we're expanding the in-app customization options for the cookie banner later this year 🙂 

noahjeffr
Solution
Member

Customize Cookie Banner Design

SOLVE

Yes, it is possible to customize the cookie banner design in HubSpot to implement a different button shape with more rounded corners. Here are the steps:

In your HubSpot account, navigate to the Design Manager by clicking on the settings cog in the top right corner, and selecting Design Manager.

Search for the cookie banner module by typing "cookie banner" in the search bar and select it.

Click on the "Edit" button to open the module editor.

In the module editor, navigate to the "Styles" tab.

Scroll down to the "Button Styles" section and click on the "Edit" button next to the button style you want to customize.

In the button style editor, you can customize various aspects of the button design, including the button shape, size, color, and font.

To make the button more rounded, adjust the "Border Radius" value. You can increase it to create a more rounded shape.

Once you're done with your changes, click on the "Save" button to save your new button style.

Preview your changes to ensure they have been applied correctly.

That's it! With these steps, you should be able to customize the cookie banner design in HubSpot to implement a slightly larger button shape with more rounded corners.

 

Regards,

 

Noahjeffr

pintodownloader.com

DianaGomez
Community Manager
Community Manager

Customize Cookie Banner Design

SOLVE

Hi @Juliaaa, I hope you are doing well 😊

 

You are able to customize the style of the banner in-app in the Privacy and Consent settings as noted in our Knowledge Base here. If you want more customization than what this provides, you will need to use a custom CSS as other users have shared in our Community forum here.

 

Hope this helps,

Diana


¿Sabías que la Comunidad está disponible en Español?
¡Participa hoy en conversaciones en el idioma de tu preferencia,cambiando el idioma en tus configuraciones!

Did you know that the Community is available in other languages?
Join regional conversations by changing your language settings !


0 Upvotes