Custom CSS – Usercentrics Support - EN

Overview:

How can I customize the design of the privacy banner (Version 1)?

Please note: This article is only valid for version 1 of our CMP. If you are unsure which version you are using, please read this article.

You can change many layout changes directly without CSS rules in the Usercentrics Admin Interface. There you will find the Appearance section and then individual menus for Privacy Banner / Privacy Wall, Privacy Button / Privacy Chip and the Service Settings on the left.

Customers who use our Business, Enterprise or Premium package can also change all design elements using Custom CSS. To do this, you can select "Preview Settings" in the bottom left menu of the Usercentrics Admin Interface and display all elements of our CMP there. If you click with the right mouse button on an element of the CMP and then on "examine", the corresponding CSS code including the div classes used will be displayed. Customize them with the layout you want and then save them in the textbox, which you can find in the Appearance section of the admin interface at the very bottom.

In addition, if you need help customizing the layout using Custom CSS, our implementation partners will be happy to provide you with a custom quote.

How do I initially open the Privacy Settings center instead of the Privacy Banner or Wall (Version 1)?

Here we will show you how to display the Privacy Settings Center using our Window functions initially when the visitor visits your website.

At first you have to hide the Privacy Banner / Privacy Wall. We offer 3 ways to do so:

1. The easiest way to do this is using Custom CSS:

/* Hide Banner */
#usercentrics-button #uc-banner-modal,
#usercentrics-button #uc-central-banner-modal {
    display: none;
}

2. You can also use the updateBannerisVisible() function after the Usercentrics CMP is initialized.

3. Additionally, you can use the updateCentralModalIsVisible() function to display the Privacy Settings center.

From now on, your visitors will no longer see the Privacy Banner / Privacy Wall but the Privacy Settings Center when they first visit your website.

Please note: The legal requirements which are covered by the banner text must from now on be included in your Privacy Settings description text. Similarly, you no longer offer your visitors a "reject" button via the Privacy Settings center. Therefore, we do not recommend this implementation

Do you need further help?

How can I get help with technical questions?