Complianz Privacy Suite

CSS Lesson #8 Styling your categories

Aert Hulsebos

Aert Hulsebos

Categories

Popular articles

Upgrade to Google Analytics 4

If you want to upgrade to Google Analytics 4 you will need to upgrade your tracking code. If you have implemented Analytics with Complianz, please

Read More

TCF for WordPress

The Transparency Consent Framework (TCF) is an initiative by IAB Europe and IAB Tech Lab to provide a platform for vendors, publishers, and consent management

Read More

TCF V2.0 release (Update)

Update: Released on October 5th 2020 Since August 15th the Transparency and Consent Framework V2.0 from IAB Europe or TCF V2 has been adapted by

Read More
Share on facebook
Facebook
Share on twitter
Twitter
Share on linkedin
LinkedIn

For this lesson we will do two things, removing an unused category from the overview and changing the colors of the square checkboxes, both can be achieved with a little CSS.

Changing the color of the square checkbox

To change the color, for example to green, of the square checkboxes you can use:

#cc-window.cc-window .cmplz-categories-wrap .cc-check svg {
stroke: #40d15b;
}

Removing an unused category, like “Marketing”.

Sometimes (rarely) a website uses only functional and statistics cookies, making the “Marketing” category unnecessary because activating the category won’t set any services or cookies. You can remove the category by adding some CSS. In this example, we remove the 3rd category, of the category list. We will use 3+1 (4) to remove the square and category name. You can play around with the number to get the right category.

.cmplz-categories-wrap:nth-child(4) {
display:none;
}

Let us know if you have an idea for another lesson.

Recent articles

Subscribe