All Collections
Privacy Policy
Legal Policy Custom CSS
Legal Policy Custom CSS

Discover how to implement custom CSS for legal policy pages with our guide. Start optimizing your legal policy's appearance today.

Updated over a week ago

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.

Making CSS Customizations

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; }

Note: These are just basic guidelines, more specific selectors may need to be constructed to suite your website/theme.

For more information on CSS selectors visit:

Did this answer your question?