chevron_right
chevron_right
How can I change the color of Ezoic's consent modal?
How-To/Instructional

How can I change the color of Ezoic's consent modal?

Last Updated over a week ago
Article Navigation
Introduction
Instructions
Contact Information for Further Assistance

Introduction

Ezoic’s Consent Management App is a comprehensive tool designed to help publishers comply with GDPR and CCPA regulations. The app offers a range of features that allow for detailed configuration and setup of cookie permissions for site visitors. Publishers can customize Ezoic's consent modal colors to match their website's branding, which can help with user experience and site consistency.

Instructions

To customize the color of Ezoic's consent modal, please add the following custom CSS to your site:

/* Change border-top color of the consent dialog */
#ez-cookie-dialog-wrapper #ez-cookie-dialog.ez_banner[style]
{
    border-top-color: #fb9422 !important;
}
/* Change background color of the accept all button */
#ez-cookie-dialog-wrapper #ez-cookie-dialog.ez_banner #ez-accept-all
{
background-color: #fb9422 !important;
}
/* Change text color of the secondary links */
#ez-cookie-dialog-wrapper #ez-cookie-dialog a
{
color: #fb9422 !important;
}

Note: The HTML color code will need to be changed to match your color scheme. Color codes can be found here: https://htmlcolorcodes.com/.

You can add this CSS to your site through:

  1. Your WordPress theme's custom CSS section (Appearance > Customize > Additional CSS)
  2. A custom CSS plugin
  3. Your site's main stylesheet

Contact Information for Further Assistance

If you need further assistance with changing the color of Ezoic's consent modal, please log in via https://support.ezoic.com/ to make use of our dedicated resources for support. We're here to help!

× Enlarged Image

Loading ...