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:
- Your WordPress theme's custom CSS section (Appearance > Customize > Additional CSS)
- A custom CSS plugin
- Your site's main stylesheet