Customizing your Enzuzo Policies with CSS

We provide CSS classes prefixed with "enzuzo-" to help you make targeted style changes to our platform. In this article, we'll provide you with an overview of how to use CSS classes to make style changes to our platform.

Assuming you have a basic understanding of CSS, we'll focus on how to use these classes to target specific elements on the page. With our guidance, you'll be able to make the customizations you need to create an optimal experience for yourself and your team.

We recommend only making changes if you're comfortable with CSS coding, if not you can work with a developer to make changes to your legal policy designs.

We've designed our policies to inherit fonts or colors from your website theme, so most of the time you don't need to make major CSS customizations. If you do need to make customizations, you can use our prefixed classes to target and customize the policy as needed.

For example, the policy section titles use a class of enzuzo-PolicySectionHeader.

Targeting this class will change the style of all section headers on the page. The following snippet of code is an example of what you would use to turn the section headers red.

.__enzuzo-root-privacy h6.enzuzo-PolicySectionHeader { color: red; }

For more information on CSS selectors visit: https://www.w3schools.com/CSSREF/css_selectors.php