Changing the design of the NoSpamProxy Web Portal in version 10

This article describes how to change the colors and logo used on the Web Portal in NoSpamProxy 10.

NOTE: You need at least rudimentary HTML knowledge to be able to make the adjustments.

  • The corresponding files are located in the directory %Program Files%\Net at Work Mail Gateway\enQsig Webportal\.
  • Make the changes in the files ..\Content\Site.css (color adjustments) and the file ..\Views\Shared\_Layout.cshtml (logo and others).

Changing the colors

To edit the colors, edit the file Site.css. There are four relevant places for the color:

Upper area

header { margin: 0 auto 0 auto; border-bottom: 10px solid #C01B1B; width: 100%; background-color: white; }
  • This position marks the colored bar in the upper area. Change the value #C01B1B to another value to change the color.
  • To change the thickness of the bar, increase or decrease the value 10px.

Progress bar

.dz-upload { height: 2px; background-color: #C01B1B; width: 0; }
  • This area determines the color of the progress bar when a file is transferred to the Web Portal. With height you change the thickness of the bar, with background-color you change the color.

Action buttons

.actionRow .button { background: #C01B1B; padding-top: 16px; padding-bottom: 16px; padding-left: 24px; padding-right: 24px; clear: both; margin: 15px 0 0 0; color: white; text-decoration: none; border: none; }
  • This area determines the appearance of the action buttons, such as the Loginbutton . You can change the color with background or the size with padding.

Font colour of the listing of all files already uploaded

.FileName { colour: #C01B1B; padding: 4px 0 4px 0; }

Changing the logo

To change the displayed logo, edit the file _Layout.cshtml. The following line is responsible for the display of the logo:

<img class="logo" src="@Url.Content("~/Content/Images/NoSpamProxy.png")" alt="Logo" title="Logo" />

Name the position and name of the new file here and save the settings.