Skip to main content
  • Paligo Documentation
  • Publish
  • eLearning Styling

eLearning Styling

To change the styling of the eLearning content that Paligo creates, use a third-party code editor to create your own customized CSS and JavaScript (JS) files. You can then upload these to an eLearning or SCORM layout in Paligo. When you publish with that layout, the CSS and JS are included in the output and applied to the HTML files.

We recommend you begin by publishing your eLearning content with the default layout. Then update the layout settings.

To create your customized CSS or JS file(s) and add them to your Paligo publication:

  1. Publish your eLearning content in Paligo, using your customized eLearning or SCORM layout, see Publish to LMS.

  2. Unzip the output and open its index.html file in a browser.

  3. Use the Browser Inspection Tool to view the existing HTML and test any changes you want to make to the CSS and JS.

  4. When you have the changes you want, use a third-party tool (such as BBEdit) to create a customized CSS or JS file.

  5. Upload Customized CSS and Upload Customized JavaScript to your layout.

  6. Publish your eLearning content again, using the layout with your customized CSS or JS.

  7. Upload the output to your Learning Management System (LMS), see Upload the eLearning Output to your LMS.

Tip

To learn more about using the browser's inspect tool, see Style with CSS. The article is written with HTML5 help center outputs in mind, but it also applies to the eLearning output.