Steps

Prepare a chronological guide to perform an action in your product.


Example

Creating a step component is so easy. Simply use a <ul class="step-text"> tag. You can have sub-steps with nested lists.

Adding a gallary to WordPress post

  • Place your cursor

    A gallery can go anywhere on a page or post - by itself on a blank page, or above, below, or in the midst of text. Start by placing your cursor where you want the gallery to appear.

  • Click the Add Media button

    Once you've placed your cursor where you want your image gallery to appear, click on the Add Media button (located left above the editing window) to launch the media uploader interface. In the resulting popup window, select the 'Create a Gallery' option from the list of actions on the left.

    • Look for image or upload

      You can add or select the images you want to include in your image gallery by choosing from either of the following options in the center of the media uploader window.

    • Write alt and title text

      You can add or select the images you want to include in your image gallery by choosing from either of the following options in the center of the media uploader window.

  • Add and/or Select the Images

    You can add or select the images you want to include in your image gallery by choosing from either of the following options in the center of the media uploader window.

  • Edit Your Gallery

    On the Edit Gallery page, you can do the following things before inserting the gallery you have created into your page or post.

<h5>Adding a gallary to WordPress post</h5>
<br>
<ul class="step-text">
  <li>
    <h5>Place your cursor</h5>
    <p>A gallery can go anywhere on a page or post - by itself on a blank page, or above, below, or in the midst of text. Start by placing your cursor where you want the gallery to appear.</p>
  </li>

  <li>
    <h5>Click the Add Media button</h5>
    <p>Once you've placed your cursor where you want your image gallery to appear, click on the Add Media button (located left above the editing window) to launch the media uploader interface. In the resulting popup window, select the 'Create a Gallery' option from the list of actions on the left.</p>

    <ul>
      <li>
        <h5>Look for image or upload</h5>
        <p>You can add or select the images you want to include in your image gallery by choosing from either of the following options in the center of the media uploader window.</p>
      </li>

      <li>
        <h5>Write <i>alt</i> and <i>title</i> text</h5>
        <p>You can add or select the images you want to include in your image gallery by choosing from either of the following options in the center of the media uploader window.</p>
      </li>
    </ul>
  </li>

  <li>
    <h5>Add and/or Select the Images</h5>
    <p>You can add or select the images you want to include in your image gallery by choosing from either of the following options in the center of the media uploader window.</p>
  </li>

  <li>
    <h5>Edit Your Gallery</h5>
    <p>On the Edit Gallery page, you can do the following things before inserting the gallery you have created into your page or post.</p>
  </li>
</ul>