Cookie categories' descriptions styling

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.

To apply the styling to all four of the cookie categories' descriptions, you can apply this CSS code:

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

To apply the styling only to one of the cookie categories' description, please apply one of those CSS codes, depending on which category you want to style:

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/11/2024