How to Change Cookie Banner Colors and Other Styling

Customizing your cookie banner's appearance helps ensure it matches your website's design and branding. This guide walks you through the styling options available for your cookie banner.

Accessing the Style Settings

To modify your cookie banner's visual appearance:

1. Navigate to Websites and banners
2. Select Your banner
3. Click on the Style tab

Available Styling Sections

The Style interface is organized into four main sections, each controlling different aspects of your banner's appearance: Banner, Banner dialog, Badge, and Layout

Customizing Colors

Within each section, you'll find various color options to personalize your banner. Common color settings include:

• Banner cackground color
• Banner text color
• Banner link color
• Button background colors
• Button text colors
• Button border colors

Simply click on the color picker for each element to choose your desired colors.

Understanding Border Radius

The border radius setting controls how rounded the corners of your banner appear:

• 0px: Creates sharp, square corners
• 15px: Creates noticeably rounded corners
• Values in between: Allow for subtle to moderate rounding

You can enter any pixel value between 0px and 15px to achieve your preferred corner style. Higher values create more pronounced rounding, while lower values maintain a more angular appearance.

Previewing Your Changes

Before publishing your styled banner:

1. Make your desired changes in the Style sections
2. Click the Preview button to see how your banner will look
3. Make additional adjustments if needed
4. Save your changes when satisfied

Tips for Effective Banner Styling

• Ensure sufficient color contrast between text and background for readability
• Test your banner on both light and dark website backgrounds
• Consider how your banner colors complement your existing website design
• Use the preview feature frequently to catch any styling issues early

Your customized cookie banner will now reflect your chosen styling preferences while maintaining compliance with privacy regulations.