How to update the hyperlink color in the bookie banner notification text?

Marketing & Content Hub GDPR
1

What the title says.
So the notification text says: “This website stores cookies on your computer. These cookies are used to collect information about how you interact with our website and allow us to remember you. We use this information in order to improve and customize your browsing experience and for analytics and metrics about our visitors both on this website and other media. To find out more about the cookies we use, see our Privacy Policy .”
How do I edit the color of the Privacy Policy hyperlink?

2

Hi @DPirvu9,

You can change the hyperlink color in your cookie/banner notification by adding some custom CSS. Try this:

.lia-cookie-banner-alert-accept a {
 color: #0073e6; /* Replace with your preferred color */
}

Simply update the color code to match your brand’s colors. To change the hover color, add:

lia-cookie-banner-alert-accept a:hover {
 color: #005bb5; /* Or any color you like */
}

Add this CSS to your site’s stylesheet or in the custom CSS section of your HubSpot theme. That should do the trick!

3

We don’t have a Hubspot theme and this is for an external site.

4

Hi @DPirvu9 ,

To change the hyperlink color in the cookie (Bookie) banner, you’ll need to add some custom CSS through HubSpot’s Design Manager.

Here’s a sample snippet you can use:
#hs-eu-cookie-confirmation .hs-cookie-notification__policy a {
color: #ff6600 !important; /* Replace with your desired color */
}
This targets the common selector for the “Privacy Policy” link in the banner. If your banner uses a different class or structure, just inspect the banner in your browser (right-click > Inspect) to find the exact class and adjust the selector accordingly.

5

Where exactly in Design Manager to add this?

6

Hey, @DPirvu9 :waving_hand: The replies @GiantFocal and @ArisudanTiwari gave are correct, especially in the context of HubSpot. Your last reply indicates your site is not built and hosted on HubSpot. Knowing that detail:

  • you’ll need to apply that CSS directly within your website’s code
  • can share what platform your site is built on (e.g., WordPress, Squarespace)?
  • do you have developer assistance?

Knowing this can help the community to point you in the right direction.

Thanks! —Jaycee

7

I am the developer. And unfortunately, both answers were wrong :slightly_smiling_face:
I can edit the external website and the CSS, but my question is: how do I edit it from HubSpot? Can I do it from Design Manager?

8

Hey, @DPirvu9 :waving_hand: Thanks for clarifying. Your follow-up made it clear you “don’t have a HubSpot theme and this is for an external site”.

Knowing that additional information, no, the Design Manager will not be an option for you. I did some additional searching and could not find any documentation to support that being an option.

But because you have an external site and access to its CSS file, have you tried something like this?

.hs-cookie-notification-p-link a {
 color: #FF0000 !important; /* Replace #FF0000 with your desired hex code */
}

Best,

Jaycee