Complianz Privacy Suite

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

Aert Hulsebos

Aert Hulsebos

Categories

Popular articles

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!

Recent articles

Subscribe

About Contact form 7 v5.4

Due to significant changes in Contact Form 7 version 5.4, consent for reCaptcha is no longer available. We recommend not updating or reverting back to 5.3.