CSS Lesson #3: Using your own Document 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.

We have added our own CSS for the legal documents, so out-of-the-box, your documents look great at the front-end. If you want to add to our CSS, you can add custom CSS under settings. With the right CSS properties, you can change almost anything.

If you rather let your theme’s CSS control the look of the documents, you can disable our CSS altogether and change custom CSS in your theme if necessary.

Update: To show the categories, instead of the button, please use:

cmplz-manage-consent

between brackets [ ]

The revoke button

Important to note is we added CSS for the revoke cookie consent button below the Cookie Policies. When our CSS is disabled the button’s properties will change, for example:

Document CSS Enabled
Document CSS Disabled

When Document CSS is disabled you will see the following:

Current status: AcceptedCurrent status: Denied

To hide the current status, please add the following to custom CSS:

To change the button use (example):

If you want to change the hover properties. Please add

:hover

to your property.

#cmplz-document button.cmplz-revoke-custom:hover {}
Added CSS for revoke button

If you need to change the headings, colors, font-size, and more, please visit Complianz > Settings. We have added the most common properties for you to our Custom CSS. Try it out, or leave us a message!

Recent articles

Download

You can also directly download the demo container with triggers and variables/ Please make sure you know how to import a container.

Menu

Google Consent Mode

You can now enable Google Consent Mode for Tag Manager. How it works, and what you need to configure can be found here.

Client Demo

We have a client demo where we have prepared custom events and the most common tags. If you want access for inspiration, please contact support. You will need a Google Account to get access.

Other articles

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