Close this search box.


In this article



Recent articles

CSS Lesson #14: Icons in the Manage Consent button

Complianz inserts a “Manage consent” button, allowing users to change their consent preferences at any time.

Using some Custom CSS, you can add Font Awesome icons to this button to fit the style of your website even better. At the end of this article, we also explain how you can create a custom Manage Consent button.

Basic “Manage consent” button

First, let’s insert the CSS to change the default Manage Consent button to a black rectangle with white text as shown in the example image below.

Insert an icon before the text

Your website needs the Font Awesome 5 library before you can insert icons with the CSS code in this article. You can install the Font Awesome plugin to do this. Upon activation, you can use the CSS below to insert an icon to your button.

The result should look similar to this:

The properties can be changed to make the button style fit your preferences. For example, you can change the icon color separately from the Manage consent text as shown in the final result:

The result

Join 900.000 users and install The Privacy Suite for WordPress locally, automated or fully customized, and access our awesome support if you need any help!

Complianz has received its Google CMP Certification to conform to requirements for publishers using Google advertising products.