Skip to main content

Weighsoft Logos and Colour Settings

How do I change the logos at the top of Weighsoft? How do I change the menu colours in Weighsoft?

Noel Collings avatar
Written by Noel Collings
Updated over 2 months ago

The look and style Weighsoft can be amended for either the entire system, or can be set differently against each company in your system. Once you are in the relevant location however the settings are the same

System-Wide Settings

  1. Go to Administration

  2. Click on System Settings

  3. Click on Style

Company-Specific Settings

  1. Go to Administration

  2. Click on Lookups

  3. Click on Companies

  4. Select Company

  5. Click on the Style tab for menu colours or the Images tab for logos

Note: There are options here for images on tickets and invoices. These will only work if your template have been previously setup to accommodate them. If you are looking to update the logos and branding on your paperwork please raise a case with support who can assess the request and forward it to your account manager for quoting if required.

Changing Menu Colours

The menu colours can be changed by clicking on the box next to the title. You can select a new colour by either using the colour palette manually or by entering the hex code (a 6 digit sequence) into the bottom box and then moving away from the filed by hitting the Tab key.

  • Primary Colour - The colour of the bar at the top of each screen (red box on the below image)

  • Secondary Colour

  • Header Colour - The bar at the very top of the screen - the colour here will appear behind the logos

  • Heading Text Colour - The colour of the section header text (bright green on the image)

  • Link Text Colour - Any links will display in this colour

  • Menu Background Colour - Will colour the main menu bar across the top of Weighsoft (orange box on the image)

  • H6 Tag Background Colour - Will colour the menus headers on each page (dark blue boxes on the image)

  • Main Body Background Colour - Will colour the background of the entire application

  • Nav Link Colour - Will colour the text in the main menu (set in the Header Colour option) at the top of the application

  • Nav Link Hover Colour - will change the colour of the above text when it is hovered on

Changing Logos

The most common logos to change are the Customer Image Location (the logo which appears in the top-left of the Weighsoft screen) and the Product Image Location (the image that appears int he top-right corner).
The current logo will appear on the screen when it opens. To change a logo follow the below steps:
​

  1. Save a copy of the desired image somewhere easy to locate

  2. Click the Choose File button against the image you want to replace

  3. Locate the saved image, select it and click Open

  4. Click on Save at the top of the screen

Sometimes you may need to go through this process twice for the website to display the new logo.

​Tip: We suggest that the image used be no more than 120 pixels in height. Any larger will affect how the screen looks as the content will all be pushed lower on the window

​Note: The total width of the Weighsoft screen is 1196 pixels. If the Product and Customer images exceed this they will extend out to either side or overlap.

Did this answer your question?