In order to modify the stylings of the cookie categories' descriptions, you will need to navigate to the Consent banner > Design section. After that depending on what you require, you should apply one of the CSS code snippets we provided below to the Custom CSS field.

Classes for styling all Cookie Categories

.cc-settings-dialog .cc-cookie-category-text, 
.cc-settings-dialog.classic .cookie-settings-section-paragraph {
color: #ff0000;
font-size: 18px;
font-family: Calibri;
}

Classes for styling Individual Cookie Categories

Note: The individual selectors given below apply only for the Default and Modern layout.

Strictly Required cookie category styling:

#strict-cookie-category-text { color: #ff0000; font-size: 18px; font-family: Calibri; }

Reporting and Analytics cookie category styling:

#analytics-cookie-category-text { color: #ff0000; font-size: 18px; font-family: Calibri; }

Marketing And Retargeting cookie category styling:

#marketing-cookie-category-text { color: #ff0000; font-size: 18px; font-family: Calibri; }

Functional cookie category styling:

#functionality-cookie-category-text { color: #ff0000; font-size: 18px; font-family: Calibri; }

Note: You can change the values of the color, font-size and font-family properties so that they fit your requirements.

Updated on: 24/12/2024