Logos and footer

How to do it

1. Start by switching to Template mode.
2. Go to the Components folder and the template Header and Footer components. Here you can upload variations of your logo for the header, print, and footer.
3. Once you've made your changes, publish the template for them to take effect.

Changing the Logo

First, check whether your logo is an Image module or an Picture module. The Image module has an Image icon (see the image below), and the Picture module has the standard module icon (the cube).

Changing the Logo in an Image Module

1. Double-click the logo image to open the module settings.
2. Upload your logo in SVG or PNG format and select it.
3. Add an image description.
4. Under the ‘Other’ tab, you can add a link to the homepage.
5. Click OK.

Changing the Logo in a Picture Module

With the Picture module we can adapt the intranet for dark mode by providing two sets of logos, one dark version and one light version.

1. Double-click the logo image to open the module settings.
2. Replace the linked versions with your logo files (light and dark versions, respectively).
3. Edit the Alt text if necessary.
4. Click OK.

Similarly, replace the white version of the logo in the footer and the black and white version in the Print Header by double-clicking each logo and uploading and selecting a new one.

If you choose to have a light footer, you can also add a Picture module there to display a light logo in dark mode and a dark one in standard mode.

Resize the logo in the header

The size of the logo in the header is set in the CSS file variables.css. It can be found under Configuration Template/ Properties/ General/ Files.

On older intranets, the setting for the height of the logo can be found in the module Customise Intranet Templates.

Updating Texts

Remember to update the text in the Print Header and in the Footer with your information.

Social Media – Icons and Links

Edit the icons and links to social media so that they lead to your social media accounts. Remove and/or add icons depending on their relevance. You change the link in the module settings for each icon. Double-click each icon and change the link address under the ‘Other’ tab.

To remove an icon, select it, right-click on the icon (module), and choose delete.

Once you’ve finished making your changes, publish the template.