Design and customization / How to: create a <div> container

How to: create a <div> container

With WYSIWYG editor, you can create a div container to create divisions, or to group block-elements for styling. In this article, we’ll show you how to do it.

Creating a div container:

To create a div container:

  1. In the Authoring Tool, while you’re adding a step, scroll down to the Step Options Panel. In the WYSIWYG editor, click the div button.

  1. It opens the window with 2 tabs. In the general tab, you can add Style and/or Stylesheet Classes.

  1. In the advanced tab, you can apply more customization by adding the ID and other details like the language code, style, and advisory title. You can also use the language direction option to set RTL language if needed.

  1. Confirm adding a div container with the OK button.


How to: add Wistia video
How to: add a link
How to: add an image
How to: add a video
How to: add iframe to a step
How to: the Code View
Custom HTML links/buttons
How to: custom buttons
How to: the Step Options Panel