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

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!

Subscribe to our weekly CSS Lessons

    For EU Subscribers | Privacy Statement
    For USA Subcribers | Privacy Statement

  • This field is for validation purposes and should be left unchanged.
© Copyright - Complianz 2019
×

Complianz Privacy Suite 3.1 is live!

See our new features and available documentation. Read more