Article with steps

To create an article with styled steps, follow the steps below.

Step 1 Create or edit article

The first step is to either create a new article or open the editor for an existing one, where you want these steps implemented.

Step 2 Insert code

For each step you want to create, insert the below code snippet in the source code editor (</>) in the article editor.

<div class="step-headline">
  <h2>
    <span class="step-nr">Step no.</span>
    <span class="step-title">Step title</span>
  </h2>
</div>
<p>
  Step description
</p>

Step 3 Add content

Replace "Step no.", "Step title" and "Step description" with your own content, and click OK. Save and publish the article.