Configuring Domain Branding

You can configure the default branding for a domain from the Website Details screen. These configurations will be applied to domains where the Override Template Styling setting is enabled, which overrides the original styling configured in the template assigned to the domain's geolocation rule.

For more information on configuring template styling, see Customizing the Banner Template, Customizing the Preference Center Template, and Customizing the Cookie List Template.

To configure banner branding

  1. On the Cookie Consent menu, select Websites. The Websites screen appears.

  2. Select the website for which you want to configure domain branding. The Website Details screen appears.

  3. Select the Branding tab.
  4. Expand the Template section.
  5. Enable the Override Template Styling setting.


  6. Expand the Banner Styles section.
  7. Configure the styling options. You can select Banner in the preview pane to see a live preview of the Cookie Banner. For more information, see Banner Style Screen Reference.
  8. Expand the Banner Content section.
  9. Configure the content options. For more information, see Banner Content Screen Reference.
  10. Click the Save button.

Banner Style Screen Reference



Field
Description
Website Logo

Click the Upload button to select a file for the website logo.

Tip:

The optimum size for a logo in the Banner:

  • Height: 60px

  • Width: 60px

Supported file formats are PNG, JPG, and JPEG with a maximum size of 2MB.

Company Logo Screen Reader Value (aria-label)

Enter text for the company logo's aria-label.

Remove Logo

Click this button to remove the logo.

Accept & Reject Button Color

Enter a hexadecimal color code or use the color selector to select a background color for the Accept & Reject Button.

Continue Without Accepting Link Color

Enter a hexadecimal color code or use the color selector to select a color for the Continue Without Accepting Link.

Button Text Color

Enter a hexadecimal color code or use the color selector to select a color for button text.

Text Color

Enter a hexadecimal color code or use the color selector to select a main text color for the Cookie Banner.

Background Color

Enter a hexadecimal color code or use the color selector to select a background color for the Cookie Banner.

Link Text Color

Enter a hexadecimal color code or use the color selector to select a color for links displayed in the banner if the Show Cookie Policy Link setting is enabled.

Manage Preferences Button Color

Enter a hexadecimal color code or use the color selector to select a color for the Manage Preferences button.

Manage Preferences Text & Border Color

Enter a hexadecimal color code or use the color selector to select a color for the Manage Preferences border and link text.

Custom CSS

Enter CSS for custom styling options.

Banner Content Screen Reference



Field
Description
Show Cookie Policy Link

Enable to show a cookie policy link on the Cookie Banner.

Cookie Policy Link

Enter text to display for the cookie policy link.

Cookie Policy URL

Enter the URL for the cookie policy.

Show Imprint Link

Enable this setting to display an imprint link on the banner.

Note:

This link is optional and can be used alongside the Cookie Policy link.

Imprint Link

Enter text to display for the imprint link.

Imprint Link URL

Enter a URL for the imprint link.

To configure Preference Center branding

  1. On the Cookie Consent menu, select Websites. The Websites screen appears.

  2. Select the website for which you want to configure domain branding. The Website Details screen appears.

  3. Select the Branding tab.
  4. Expand the Template section.
  5. Enable the Override Template Styling setting.
  6. Expand the Preference Center Styles section.
  7. Configure the styling options. You can select Preference Center in the preview pane to see a live preview of the Preference Center. For more information, see the Preference Center Style Screen Reference.
  8. Expand the Preference Center Content section.
  9. Configure the content options. For more information, see Preference Center Content Screen Reference.
  10. Click the Save button.

Preference Center Style Screen Reference



Field
Description
Website Logo

Click the Upload button to select a file for the website logo. This logo will be displayed on your Preference Center.

Tip:

The optimum size for a logo in the Preference Center is:

  • Height: 50px

  • Width: 140px.

Supported file formats are PNG, JPG, and JPEG with a maximum size of 2MB.

Company Logo Screen Reader Value (aria-label)

Enter text for the company logo's aria-label.

Reset to default logo

Select to restore the default logo for your account. If no default logo is set, the logo will be blank.

Button Color

Enter a hexadecimal color code or use the color selector to select a background color for the buttons in the Preference Center.

Continue Without Accepting Link Color

Enter a hexadecimal color code or use the color selector to select a color for the Continue Without Accepting Link.

Button Text Color

Enter a hexadecimal color code or use the color selector to select a color for the text displayed on buttons.

Text Color

Enter a hexadecimal color code or use the color selector to select a color for the main text in the Preference Center.

Background Color

Enter a hexadecimal color code or use the color selector to select a background color for the Preference Center.

Link Text Color

Enter a hexadecimal color code or use the color selector to select a color for the Cookie Policy Link.

Menu Color

Enter a hexadecimal color code or use the color selector to select a background color for the categories menu.

Note:

Only applicable to Preference Centers with a Tab layout.

Menu Highlight Color

Enter a hexadecimal color code or use the color selector to select a color that displays when highlighting a selected category.

Note:

Only applicable to Preference Centers with a Tab layout.

Legitimate Interest Button Background

Enter a hexadecimal color code or use the color selector to select a color for the Legitimate Interest button.

Note:

Only applicable to IAB TCF 2.2 websites.

Legitimate interest Button Text

Enter a hexadecimal color code or use the color selector to select a color for the Legitimate Interest button text.

Note:

Only applicable to IAB TCF 2.2 websites.

Preference Center Content Screen Reference



Field
Description
Show Cookie Policy Link

Enable to show a cookie policy link on the Preference Center.

Cookie Policy Link

Enter text to display for the cookie policy link.

Cookie Policy URL

Enter the URL for the cookie policy.

Show Imprint Link

Enable this setting to display an imprint link on the Preference Center.

Note:

This link is optional and can be used alongside the Cookie Policy link.

Imprint Link

Enter text to display for the imprint link.

Imprint Link URL

Enter a URL for the imprint link.

To configure the cookie list

  1. On the Cookie Consent menu, select Websites.
  2. The Website Details screen appears.

  3. Select the Branding tab.
  4. Expand the Template section.
  5. Enable the Override Template Styling setting.
  6. Expand the Cookie List Styles section.
  7. Set the styling options. Select Cookie List in the preview pane to see a live preview of the Cookie List. For more information, see the Cookie List Style Screen Reference.
  8. Click the Save button.

Cookie List Style Screen Reference



Field
Description
Title Color

Enter a hexadecimal color code or use the color selector to select a color for the title of the Cookie List.

Cookie Group Name Color

Enter a hexadecimal color code or use the color selector to select a color for the cookie group name.

Table Header Text Color

Enter a hexadecimal color code or use the color selector to select a color for the text in the table header.

Table Header Background Color

Enter a hexadecimal color code or use the color selector to select a background color of the table header.

Primary Text Color

Enter a hexadecimal color code or use the color selector to select a color for text in the body section.

Custom CSS

Enter cCSS for custom styling options.

To configure dynamic links

Important:

The Dynamic Links feature is under Public Preview. Please contact OneTrust Support to request early access.

You can configure privacy policy links in multiple languages to offer links and information in each language relevant to your domain.

  1. On the Cookie Consent menu, select Websites. The Websites screen appears.

  2. Select the website for which you want to configure multi-language links. The Website Details screen appears.

  3. Select the Dynamic Links tab.
  4. Expand the section for the language in which you want to configure links in the Available Languages section.


  5. Enter the text for each field in the selected language.
    Tip:

    Enable the Use the same content for both the banner and the preference center to display the same links across the banner and preference center.

  6. Click the Save changes button.