Cookie Alert Banner or Bar

Description

Cookies are placed on visitors' browsers to run your site effectively. Certain laws may require website owners to inform their users of cookies placed and to give the users affirmative consent to certain types of cookies.

To enable:
Settings > Cookies & Visitor Data > Cookie Banner — enable

Custom CSS

For style changes across multiple pages, add the code snippet to your Custom CSS panel and each page will be updated.

Advanced Code Injection

For style changes on one page, add the code snippet to the page Advanced Code Injection so only that page will be updated. Enclose your code in style brackets like this:

<style>

.sqs-cookie-banner-v2 {
}

</style>

Custom CSS

To target the cookie alert banner on bar

/* cookie alert banner on bar */
.sqs-cookie-banner-v2 {
}

To target the cookie alert text

/* cookie alert text */
.sqs-cookie-banner-v2 p {
}

To target the cookie alert "accept"

/* cookie alert "accept" */
.sqs-cookie-banner-v2-accept {
}

/* cookie alert “Accept” text */
.sqs-cookie-banner-v2-accept a {
}

To target the cookie alert “decline”

/* cookie alert “decline” */
.sqs-cookie-banner-v2-denyWrapper {
}

/* cookie alert “Decline” text */
.sqs-cookie-banner-v2-denyWrapper a {
}

To remove the accept/decline underline

/* remove the accept/decline underline */
.sqs-cookie-banner-v2-cta a {
}