How to Add Custom CSS to Your Cookie Consent Banner

In addition to the standard customisation features provided by CookieYes, it also enables you to add further customisation to your cookie consent banner with its custom CSS feature.

Our setup guide will help you throughout the process of setting up a cookie consent banner for your website.

Note:

Ensure you have upgraded your CookieYes account to a Premium plan (Basic, Pro, or Ultimate) to take advantage of the custom CSS feature.

By adding custom CSS in CookieYes, you could transform the default appearance and behavior of your website’s cookie consent banner. This will make your cookie banner match the overall outlook of your website.

Here’s how to add custom CSS in CookieYes:
Step 1: Sign in to your CookieYes account; or sign up here.

Step 2: Go to Cookie Banner in the left panel.

Step 3: Click Custom CSS to expand.

Step 4: Enter the custom CSS inside the code box as shown below. Click Publish Changes to save your settings.

To view the customized consent banner on your website, make sure you’ve copied the CookieYes script and pasted it between the <head> and </head> tags of your website’s source code — check out the setup guide for detailed help.

Now, reload your website to see the changes you have made.

How to Add Custom CSS to Your Cookie Consent Banner

On this page

Adding custom CSS

Have more questions?