How to Add Custom CSS for Improved Design and Branding

Custom CSS helps your website’s design align perfectly with your brand identity. Whether customizing the cookie banner or the preference center, this guide walks you through adding CSS that creates a cohesive and visually appealing user experience. We recommend involving web development professionals to ensure smooth integration.

Why Use Custom CSS?

• Seamless integration of your brand styling
• Advanced customization beyond default templates
• Professional input ensures optimized, conflict-free CSS

Step-by-Step Guide to Adding Custom CSS

1. Logging In

Log into your SecurePrivacy account - https://cmp.secureprivacy.ai/login

2. Accessing the Design Section

Navigate to the Designs tab in your control panel.

3. Selecting Your Design

Choose the design you want to modify.

4. Locating the Custom CSS Feature

• For Cookie Banner customization: Go to Cookie Banner settings, select Color, then click Custom CSS.
• For Preference Center customization: Navigate to Preference Center, then select Custom CSS.

5. Pasting and Saving Your CSS Code

Paste your CSS code into the Custom CSS section and click Save to apply.

Who Should Use This Guide?

• Web designers aiming for brand consistency
• Marketing teams optimizing user experience
• Developers implementing advanced styles

Common Questions & Fixes

Q: Can I add any CSS securely without breaking functionality?
A: It is recommended to validate your CSS or consult professionals to prevent issues.

Q: When will my CSS changes appear?
A: Changes typically take effect immediately, but clearing the browser cache may be needed.

See Also

• Customizing Your Cookie Consent Banner
• Upload Custom Logo
• Managing Designs in SecurePrivacy
• Best Practices for Web Accessibility and Design