Search Results for: CSS

Get compliant today in the European Union, United States, Canada, United Kingdom, Australia, Brazil & South Africa with the only Privacy Suite for WordPress that offers a fully-featured plugin for Worldwide Compliance.

CSS Lesson #29: Manage Consent Button

This is available from 6.3 onwards, our mid-summer release in 2022 The manage consent button has been an ongoing topic of questions surrounding visibility and styling.  We have introduced new options for visibility. You can find a selection of styling articles below. New options for

CSS Lesson #28: Styling the Data Request Forms

The data request forms are an extension of the freely available DNSMPI Opt-out form for the CPRA. These forms are available, optionally in the premium version of Complianz, for every region in the privacy statements. These forms are styled by your themes CSS settings by

CSS Lesson #26: Animate your Cookie Banner

We built our new cookie banners for 6.0 with the idea to be fully flexible. A solid, minimal default set-up complies with WCAG and ADA and has many settings directly available in the back-end, and is fully customizable as you expect from WordPress. In this

CSS Lesson #25: From Scratch Example: New Toggles

We built our new cookie banners for 6.0 with the idea to be fully flexible. A solid, minimal default set-up that complies with WCAG and ADA and has many settings direct available in the back-end, and fully customizable as you expect from WordPress. Below you

CSS Lesson #24: Minimize your Banner on Mobile

We will use the default banner of Complianz to create a minimal approach for the mobile view of the cookie banner. We have done this before by minimizing padding for the entire cookie banner. Below we will rearrange the stacked buttons for another approach. Default

CSS Lesson #23: Your Manage Consent Button as Floating Widget

Do you want a floating “manage consent” widget, like the example below? Then keep reading! Some CSS, a little hack and Font Awesome We use an import for Free Font Awesome icons so the CSS works. There’s a plugin for this as well, just search

CSS Lesson #21: Stacking buttons on the New Cookie Banner

In Complianz 6.0 we have removed the hierarchy for buttons on the Cookie Banner, due to jurisprudence and privacy guidelines about nudging customers to your preference. Our previous banner has an Accept button, stacked on top of the other buttons. Our new banner has inline

CSS Lesson #22: The Soft Cookiewall No Scroll or Blur Effect

The Soft-Cookiewall can also be adjusted with some CSS and/or Javascript to create a No Scroll on the body until the banner has been dismissed, or a blur effect on the body until the banner has been dismissed. Below you will find the needed snippets

CSS Lesson #20: Bringing the Cookie Banner title back to Mobile

You might have noticed Complianz removed the Cookie Banner title on mobile devices. The reason is that the Cookie Banner title is the widest element on mobile if you have a logo and a close button enabled. If you don’t, you could reinstate your Cookie

Join our mailing list - 8 Tips & Tricks in your inbox over the next 8 weeks!