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

Was this article helpful?
0 out of 0 found this helpful
Have more questions? Submit a request

Comments