Configure Branding for Your Site

Document created by Cisco Documentation Team on Mar 23, 2016Last modified by Cisco Documentation Team on Sep 5, 2017
Version 7Show Document
  • View in full screen mode

 

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 self-service branding feature does not include branding for support or site footers.

You can request to have the self-service feature turned on or off, by contacting your WebEx customer support manager.


Caution


If your site has existing branding done by Cisco, after you upgrade to WBS31 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 100 pixels wide, by 42 pixels high.

     

    Attention:

    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.


         
Step 1   Select Common Site  Settings > Branding
Step 2   On the Branding page, select Header
Step 3   To change the logo, select Upload, browse to and select the file, and  then select Open.
Step 4   To change the title that appears on your browser tab, enter the  new title in the Browser Tab Title field. 
Step 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.

Step 6   (Optional) Preview your changes.

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

Step 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.


       
Step 1   Select Common Site  Settings > Branding.   
Step 2   On the Branding page, select Tab Navigation.
Step 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.                           
FieldDescription
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.

Step 4   Repeat Step 3 for each tab color that you want to change.
Step 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.


       
Step 1   Select Common Site Settings > Branding.    
Step 2   On the Branding page, select Left Navigation.
Step 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.              
FieldDescription
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.

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

 


Attachments

    Outcomes