Branding and UI Customization Using login.wm

Applicable Product:

Peoplefluent Learning

 

Applicable Version:

All Versions

 

Overview

The login.wm file is commonly used to apply corporate branding to the LMS login page. This includes logos, colors, fonts, and layout adjustments.

 

Branding Elements in login.wm

Page Title

<title>Welcome to Etihad Airways</title>

Controls the browser tab title.

 

Favicon

<link href="/$info.getContextPrefix()/nd/fresco/login/images/favicon.ico" 
      type="image/vnd.microsoft.icon" rel="shortcut icon">
  • Ensure the icon file exists

  • Recommended format: .ico or .svg

 

Logos and Images

<img src="/$info.getContextPrefix()/nd/fresco/login/images/logowhite.svg" width="170">
  • Images must be placed in the correct /images directory

  • SVG is recommended for scalability

 

CSS Styling

<link rel="stylesheet" href="/$info.getContextPrefix()/nd/fresco/login/css/login_Etihad.css">
  • Custom CSS controls layout, colors, and fonts

  • Keep branding changes in CSS whenever possible

 

Best Practices

  • Avoid inline styles unless necessary

  • Test branding changes across browsers

  • Use relative paths with getContextPrefix()

 

Summary

  • Branding is primarily controlled via images and CSS

  • Proper file placement is critical

  • CSS changes are safer than HTML restructuring

Was this article helpful?

0 out of 1 found this helpful