How to Customize Cookie Banner CSS

Users can customize the appearance of the Cookie Banner through the “Customize Banner” and “Customize CSS” menus within the Cookie Wow platform.


You can apply your own styles using the following predefined CSS classes provided by Cookie Wow:

cwc-float-container
cwc-consent-summary-container
cwc-banner-container
cwc-banner-content
cwc-banner-content-main
cwc-banner-title
cwc-banner-desc
cwc-banner-policy-link
cwc-banner-content-aside
cwc-accept-button-wrapper
cwc-accept-button
cwc-setting-button-wrapper
cwc-setting-button

Custom styles can be added directly to our input field using standard CSS syntax, just like you would when writing regular CSS.


In some cases, if the default banner styles are not being overridden as expected, we recommend increasing the specificity of your selectors. For example:

.cwc-preference-header span,
.cwc-preference-header button, {
  font-family: "Noto Sans";
}
.cwc-save-setting-wrapper button {
  font-family: "Noto Sans";
}

Updated on: 30/05/2025