If you are running the Plus or the Enterprise plans of the app, you can apply custom CSS to different elements of the Cookie banner and the Preferences popup.

You can navigate to the Cookie banner tab > Design section, as shown below:

Here is a list of the CSS selectors:

Cookie Bar selectors:

The selectors for the Default, Classic and Modern layouts are all the same:

• 1. Main Text: .isense-cc-message
• 2. Privacy Policy text: .isense-cc-link
• 3. Preferences button: .isense-cc-settings
• 4. Reject button: .isense-cc-deny
• 5. Accept button: .isense-cc-allow
• 6. “X” icon: .isense-close-icon

Preferences Popup selectors:

Table with the **selectors **for all of the above elements, for the different layouts:

• In the below file you will find the table with all the selectors for the Preferences popup elements:

• The colors of the checkboxes/switchers and the ticks can be configured from Consent banner tab > Design section > Checkbox Color & Checkbox Tick Color. Alternatively for the Classic and Modern layouts Design tab > Switcher Inactive and Switcher Active: How to change the color of the switchers in the Preferences popup?

Global parameters

If you would like to apply a global setting for all of the text in the Cookie bar or Preferences popup, for example change the font-size or the font, you can apply it with the following selectors:

Cookie bar:

.isense-cc-window.cc-banner

Preferences popup:

.isense-cc-settings-dialog

Example:

.isense-cc-window.cc-banner { font-family: "Times New Roman", Times, serif; }

Need help?

If you need any help, don’t hesitate to contact our support team at: support@consentmo.com or from the Chat button at the bottom right corner of your browser.

Updated on: 31/07/2025