The Privacy Suite for WordPress

Search Results for: CSS Lesson

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

CSS Lesson #19: The Minimal Bottom Banner Revisited

Some things have changed in Complianz 6.0. And some are no longer, including the simple bottom banner as a template, but don’t worry. With some CSS you can get there again! Let’s first walk through the needed cookie banner settings. For what it’s worth. We

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