Articles on: Design

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.


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.


  1. Strictly Required cookie category styling:
#strict-cookie-category-text { color: #ff0000; font-size: 18px; font-family: Calibri; }


  1. Reporting and Analytics cookie category styling:


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


  1. Marketing And Retargeting cookie category styling:
#marketing-cookie-category-text { color: #ff0000; font-size: 18px; font-family: Calibri; }


  1. 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

Was this article helpful?

Share your feedback

Cancel

Thank you!