Search
Close this search box.

Documentation

In this article

Category: ,

Categories

Recent articles

CSS Lesson #6 How we styled our own Cookie Notice

The below article is based on a < 6.0 version of Complianz. Our current banner is the default banner available in Complianz 6.0 upwards. (11/2021)

Default 6.0 Cookie Banner
Have you seen our banner? Not yet, please revoke the settings and show the banner by clicking the floating button on the bottom of the window, on the right-hand side. Or look at this!    
Complianz Banner in versions 5.0 and lower.

For this simple, but elegant banner we changed a couple of things:

  • Our buttons for example all have Uppercase letters with a bit more letter spacing than our body text.
  • Our fonts are not inherited from our theme, so we needed to add the correct family and weight to the fonts.
  • We changed to a more rounded banner to inherit the style from our website
  • We added a border to the bottom with our color.
  • The read more link is now blue!
  • Want the same banner? Use floating right, block style, and the slider for categories. Copy/Paste below CSS and you’re almost there.

As you can see, the banner templates are flexible and even simple banners have more changes than you might think. Here is what we did:
NB. You cookie banner will inherit your theme styles. For more customization you can add custom CSS as shown below. 

Join 900.000 users and install The Privacy Suite for WordPress locally, automated or fully customized, and access our awesome support if you need any help!

Complianz has received its Google CMP Certification to conform to requirements for publishers using Google advertising products.