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.