Complianz Privacy Suite

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

Aert Hulsebos

Aert Hulsebos

Categories

Popular articles

Creating the Legal Hub

Have you seen our new Legal Hub? If not, have a look before reading this instruction article. We created the legal hub to centralize our

Read More

Placeholders for iFrames

From 4.6.11 onwards, you can also use consent shortcode wrappers. An instruction can be found here. You’re able to block iFrames with Complianz with the

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!

Recent articles

Subscribe