Skip to content

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