Complianz Privacy Suite

CSS Lesson #5 Styling the “Blocked content text” on placeholders.

Aert Hulsebos

Aert Hulsebos


Popular articles

AMP Integrated with Complianz

From 4.1 onwards, we have integrated with AMP for WordPress. The integration is with the following free AMP plugin Another plugin called AMP for

Read More
Share on facebook
Share on twitter
Share on linkedin

You might have seen below placeholders on your website which are placed before consent by Complianz. On the blocked content there’s an additional “Accept Cookies” button so your users, which might have opted out earlier can revoke their consent and give consent to unblock content.

The button, with the text “Click to accept cookies and enable this content” can be changed with some CSS. The text on the button can be changed under settings. Below we will show an example with the CSS properties needed to style your own button.

/* styles for the blocked content button and text */

.cmplz-blocked-content-container .cmplz-blocked-content-notice {

background-color: #fff;
color: #333;
font-weight: bold;


Because this button will show on all blocked content, make sure your button is visible and stands out in all variations. Have any questions? Let us know!

Related articles

Leave a Reply

Your email address will not be published.