Updating the Web Email Protection company logo does not change the heading background on PGP Encryption Server
search cancel

Updating the Web Email Protection company logo does not change the heading background on PGP Encryption Server

book

Article ID: 238575

calendar_today

Updated On:

Products

Encryption Management Server Gateway Email Encryption PGP Command Line PGP Key Management Server PGP Key Mgmt Client Access and CLI API PGP SDK Desktop Email Encryption Drive Encryption Endpoint Encryption File Share Encryption

Issue/Introduction

The PGP Encryption Server (Symantec Encryption Management Server) allows you to customize the Web Email Protection portal.

There are three levels of customization:

  1. Simple - this allows you to change the Company Name (shown on the Settings page), Login Title, and Login Message. It also allows you to choose a blue, green, red or yellow color theme and allows you to upload a company logo in *.gif, *.jpg or *.png format.
  2. Advanced - this allows you to change the Company Name, Login Title, and Login Message. You can download all the image files in the form of a  WebMessengerImages.zip file. This allows you to extract the images and change any of them that you wish. The company logo image file in the zip file is WebMessengerImages\images\header_logo.gif. You can change WMHeaderInclude.html which is the HTML displayed in the header section of each page. You can change WMLeftInclude.html which is the HTML displayed on the left side of screens that display the Compose, Inbox, and Sent buttons. You can change WMFooterInclude.html which is the HTML displayed in the footer section of each page. You can change WMStylesheet.css which is the CSS (Cascading Style Sheet) used for each page. The files WMHeaderInclude.html, WMLeftInclude.html, WMFooterInclude.html and WMStylesheet.css are not included in the WebMessengerImages.zip file. You edit these files within the management console as part of the customization process.
  3. Complete - with this option you download WebMessengerWeb.zip which contains all the image files, *.html files, *.css files, *.js files and the *.properties files (these contain the online help text). With complete customization you can, for example, change the online help text or add support (including online help) for a language other than English, Spanish, French, German or Japanese.

If changing the company logo and, perhaps, some of the text on the home page is all that is required, Simple customization can be used. However, the heading background remains unchanged and therefore the heading background can clash with the logo background like this:

Environment

PGP Encryption Server release 10.5 and above.

Cause

The CSS file and, optionally, the WMHeaderInclude.html file need to be updated.

Resolution

In order to remove the default heading background, create a template using Advanced customization.

Download the WebMessengerImages.zip file containing the images and replace the WebMessengerImages\images\header_logo.gif file with your company logo image. Note that the file name must still be named header_logo.gif.

You can either replace two or three image additional files with alternative image files as described in article 206882 or you can remove references to them as described below.

Zip all the images in the WebMessengerImages folder and the images sub folder to create a new WebMessengerImages.zip file.

On the Custom Content page of the customization process, click on the CSS tab to allow you to edit the WMStylesheet.css file:

In the WMStylesheet.css, search for the text header-table to find the header-table section. Comment out the line beginning with background so it appears like this:

/* header */
#header .header-table {
# background: url(images/header_bg_right.gif) no-repeat right;
 width: 100%;
 height: 82px;
}

Search for the text header-left to find the header-left section. Comment out the line beginning with the word background:

#header .header-left {
# background: url(images/header_bg_left.gif) no-repeat left;
}

Search for the text header-middle to find the header-middle section. Comment out the line beginning with the word background:

#header .header-middle {
# background: url(images/header_bg_left.gif) no-repeat right;
}

Search for the text header-logo-background to find this section. Change #000000 (black) to #FFFFFF (white):

#header .header-logo-background {
background: #FFFFFF;
}

Upload the new WebMessengerImages.zip file.

Save the Advanced customization template.

Make the new Advanced customization template active.

The Web Email Protection portal will look like this:

If you wish to remove the Symantec logo from the right of the heading section, edit the Advanced Customization template and click on the Header tab to edit the WMHeaderInclude.html file:

The fourth from last line of the file is this. Delete the whole line, save the customization and make it active:

    <td class="header-right"><img id="header-brand-logo" src="images/header_pgp_logo.gif" alt=""></td>  

The Web Email Protection portal will look like this: