Styling your privacy policy¶
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
.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; padding: 2rem; }