Consent Banner Customization


#1

For those looking to customize the cookie consent banner beyond changing the button color in Settings > Reports > Tracking Code here is the CSS you need to overide the HS defaults:

#hs-eu-cookie-confirmation { background: {{ theme_color }} !important; border-bottom: 1px solid {{ accentColor1 }} !important; border-top: 1px solid {{ accentColor1 }} !important; box-shadow: 0px 0px 0px {{ accentColor1 }} !important }
#hs-eu-cookie-confirmation-inner { background: {{ theme_color }} !important }
#hs-eu-cookie-confirmation-inner p { color: {{ white }} !important; font-family: {{ text_font_family }} !important; font-size: 1rem !important; margin: 0.75rem 0 0.5rem !important;}
#hs-en-cookie-confirmation-buttons-area { padding-bottom: 0.75rem !important }


#4

Thanks for sharing, @GeeJay!

For others viewing this topic, @Connor_Barley also shared a similar resource on the HubSpot Community.