howto.html in appscms-tools-theme-4.4.5

- old
+ new

@@ -36,21 +36,19 @@
               crossorigin {%- endif -%}class="img-fluid align-self-end" alt="Your Image"
               style="width: 100%; height: 100%" />
           </div>
           {%- endif -%}
         </div>
-        <div class="col-md-6 appscms-howto-steps">
+        <div class="col-md-6 appscms-howto-steps p-3">
           <h2 class="mb-4 appscms-howto-heading">
             {{pageData.HOW_TO_CONTENT.heading | replace: "$variable",
             page.value}}
           </h2>
-          <ol class="ml-md-3 pl-md-1 p-3">
-            {% for data in pageData.HOW_TO_CONTENT.steps  %}
-            <li id="step{{forloop.index}}" class="how-to-list-item">
-              {{data | replace: "$variable", page.value}}
-            </li>
-            {% endfor %}
-          </ol>
+          {% for data in pageData.HOW_TO_CONTENT.steps %}
+          <div id="step{{forloop.index}}" class="how-to-list-item">
+            {{forloop.index}} . {{data | replace: "$variable", page.value}}
+          </div>
+          {% endfor %}
         </div>
         {%- if site.monumetricId and page.url != '/' and page.lang == 'en' -%}
       </div>
     </div>
     {%- endif -%}
\ No newline at end of file