> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.cookiewow.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

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

![](https://storage.crisp.chat/users/helpdesk/website/-/f/1/a/c/f1ac0320b192f000/screenshot-2568-05-27-at-11371_3k5h0b.png)
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.

![](https://storage.crisp.chat/users/helpdesk/website/-/f/1/a/c/f1ac0320b192f000/image_muhdbr.png)
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";
}
```