About Branding Services

Self-service branding is an optional feature that gives you the flexibility to customize your Webex site after it has been provisioned. To improve awareness of your brand, you can modify the header and navigation elements for your site. The branded header that is used in Classic View is also shown in Modern View. The self-service branding feature does not include branding for support or for site footers.

As part of the branding, a Webex watermark may appear when you share content during meetings. You can't update the watermark to match your own branding, but if you want to remove it, contact Cisco support.

If your site has existing branding by Cisco, a warning message appears when you use the self-service branding tool. If you select Overwrite Current Branding, the existing branding is permanently lost. You cannot recreate your existing branding with the tool.

Configure the Branding for Your Site Header

Before you begin

Ensure that the logo image meets the following size and format requirements.

  • The image file for your logo must be in one of the following formats: .gif, .jpg, or .png.

  • The maximum size of the image file is 900 pixels wide, by 42 pixels high.

    If necessary, resize the logo image file to meet this requirement. To prevent distortion of the image, ensure that you maintain the image proportions (width and height) when you resize the image. For more information, see the documentation for your image-editing software.

1

Sign in to Webex Site Administration and select Common Site Settings > Branding.

2

On the Branding page, select Header.

3

To change the logo, select Upload, browse to and select the file, and then select Open.

4

To change the title that appears on your browser tab, enter the new title in the Browser Tab Title field.

5

To specify the link for your logo image, enter the URL in the Logo Link URL field.

When users click the logo image, their browsers open this page.

6

(Optional) Preview your changes.

The preview section appears on the same page, preceding the buttons to Cancel Changes or Save.

7

Select Save.

Configure the Branding for Tab Navigation on Your Site

You can customize the border, background, and text colors for navigation tabs. You can choose different background and text colors for when a tab is selected or unselected, and for when the mouse pointer hovers over a tab.

1

Sign in to Webex Site Administration and select Common Site Settings > Branding.

2

On the Branding page, select Tab Navigation.

3

Select one of the following fields to open a control that you can use to select a new color. If you know the code for the color that you want to use, you can enter it.

Field Description
Selected Tab

The color for a tab when it is selected.

Unselected Tab

The color for a tab when it is not selected.

Hover Tab

The color for a tab when the mouse pointer hovers over it.

Tab Border

The color of the tab borders.

Selected Tab Text

The color of the tab text when the tab is selected.

Unselected Tab Text

The color of the tab text when the tab is not selected.

Hover Tab Text

The color of the tab text when the mouse pointer hovers over the tab.

Log In/Log Out Link

The color of the text for the Log In and Log Out links.

4

Repeat Step 3 for each tab color that you want to change.

5

Select Save.

Configure the Branding for Left Navigation on Your Site

You can customize the background, and text colors for the first and second levels of left navigation links. You can choose different background and text colors for when the mouse pointer hovers over a link.

1

Sign in to Webex Site Administration and select Common Site Settings > Branding.

2

On the Branding page, select Left Navigation.

3

Select one of the following fields to open a control that you can use to select a new color. If you know the code for the color that you want to use, you can enter it.

Field Description
Background

The background color for links.

Text

The text color for links.

Hover Background

The background color for a link when the mouse pointer hovers over the link.

Hover Text

The color of the link text when the mouse pointer hovers over the link.

4

Repeat Step 3 for each First Level and Second Level link color that you want to change.

5

Select Save.