How to customize a website folder description section

Objective ###

To format a website folder description section to have line breaks.

Environment ###

• Product: uPerform
• Version: on-Premise

Prerequisites

• Must use a copy of default website skin
• HTML/CSS knowledge
• Familiarity with browser Developer Tools (F12)

Procedure

1. Use Developer Tools (F12) to identify the element associated with the Description field. Upon locating the desired element, ad-hoc edits can be made for testing prior to committing changes on the website.
2. Navigate to the style folder associated with a custom web skin.
3. Locate the uPerformEndUser.css.
4. Edit the p.bodyParagraph selector with a property such as white-space: pre-line.
5. Save the stylesheet.

 

Additional Information

https://developers.google.com/web/tools/chrome-devtools/css/

https://docs.microsoft.com/en-us/microsoft-edge/devtools-guide/elements

https://developer.mozilla.org/en-US/docs/Tools/Page_Inspector/How_to/Examine_and_edit_HTML