Complianz Privacy Suite

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

Aert Hulsebos

Aert Hulsebos

Categories

Popular articles

Editing Legal Documents

The legal documents are generated by the Wizard and will show up under ‘Pages’ with a shortcode in the content. This shortcode is used to

Read More
Share on facebook
Facebook
Share on twitter
Twitter
Share on linkedin
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

3 Responses

Leave a Reply

Your email address will not be published.

Subscribe

We have released 4.0 for Premium. For more information about Cookiedatabase.org and New Features...