Add CSS to a Help item

Applies to: VisualSP Online
Print Friendly, PDF & Email

CSS can be used in the design and layout of VisualSP Rich HTML and Walkthrough Help items by following these steps:

Rich HTML Help item

  1. In the Rich HTML design screen, click View
  2. Next click Source code

  3. This will open up the Source code window:

  4. This is where you will paste your CSS code.

Walkthrough Help item

  1. With WalkThrough selected as your Help item, click on the Walkthrough Builder tab and on the Content editor window, click on View.
  2. Then click on Source code:

  3. This will open up the Source code window:

  4. This is where you paste the CSS code.

Your code would look similar to this:

<style>.myCustomBGWalkthrough { background-image: url("//mydomain.net/Content/Screenshots/blue_snowflake_background.png"); width: 400px; height: 350px; background-repeat: no-repeat }
p { line-height: 1.4 }
table.padded-table td { padding: 2px 0px 2px 10px }</style>
<div class="myCustomBGWalkthrough">
text
</div>

Updated on November 18, 2019

Related Articles