The privacy policy generated by the Usercentrics Privacy Policy Generator uses semantic HTML with predefined CSS class names, allowing you to fully customize its look and feel.
Available CSS classes
You can use the following CSS classes to customize the privacy policy you generated:
Class | Purpose |
|---|---|
.uc-privacy-container | Main container (padding, background, font) |
.privacy-title | Main heading (e.g., "Privacy Policy") |
.privacy-subtitle | Secondary headings (e.g., "Effective Date") |
.privacy-section-title | Section titles |
.privacy-text | Paragraph text |
.privacy-list | Unordered lists |
.privacy-list-item | List items |
.privacy-measure-title | Bolded measure titles |
.uc-embed | Embedded service list container |
Styling possibilities
You can style these classes in your own CSS file or inline <style> block. Examples:
.privacy-title { font-size: 2rem; font-weight: bold; color: #111; }
.privacy-section-title { border-bottom: 1px solid #eee; padding-bottom: 0.25rem; }
.privacy-text { line-height: 1.6; color: #333; }
.uc-privacy-container { max-width: 900px; margin: auto; background: #fff