feature.html in appscms-tools-theme-1.9.2

- old
+ new
@@ -96,49 +96,75 @@
 	{%- endif -%}
 
 	{%- endif -%}
 
 	<div class="container mt-4 mb-5">
+
 		<div class="row px-0">
-			{% for data in featureData.TEXTUAL_CONTENT %}
-			<div class="col-lg-4 col-md-6 my-4">
-				<div><img class="feature-card-img" src="{{data.logoUrl}}" loading="lazy" height="48px" width="48px"
-						alt="{{data.header}}" {%- if site.crossorigin -%} crossorigin {%- endif -%}>
-					<div class="feature-card-title">{{data.header | replace: "$variable", page.value}}</div>
-					<div class="feature-card-desc">{{data.content | replace: "$variable", page.value}}</div>
+			{%- if site.monumetricId -%}
+			<div class="col-md-9 mx-auto">
+				<div class="row">
+					{%- endif -%}
+
+					{% for data in featureData.TEXTUAL_CONTENT %}
+					<div class="{%- if site.monumetricId -%}
+					col-md-6  my-4
+					{%- else -%}
+					col-md-4  my-4
+							{%- endif -%} ">
+						<div><img class="feature-card-img" src="{{data.logoUrl}}" loading="lazy" height="48px"
+								width="48px" alt="{{data.header}}" {%- if site.crossorigin -%} crossorigin {%- endif
+								-%}>
+							<div class="feature-card-title">{{data.header | replace: "$variable", page.value}}</div>
+							<div class="feature-card-desc">{{data.content | replace: "$variable", page.value}}</div>
+						</div>
+					</div>
+					{% endfor %}
+					{%- if site.monumetricId -%}
 				</div>
 			</div>
-			{% endfor %}
+			{%- endif -%}
+
+
 		</div>
 	</div>
 	<section class="how-to-section">
 		<div class="container">
 			<div class="row">
-				<div class="col-md-6 order-0 ">
-					{%- if featureData.HOW_TO_CONTENT.logoImageUrl -%}
-					<div class="how-to-img-wrapper "><img class="how-to-leftimg" height="180px" width="300px"
-							src="{{featureData.HOW_TO_CONTENT.logoImageUrl}}" loading="lazy"
-							alt="{{featureData.HOW_TO_CONTENT.logoImageAlt | default: 'how to image' }}" {%- if
-							site.crossorigin -%} crossorigin {%- endif -%}>
-					</div>
-					{%- endif -%}
-				</div>
-				<div class="col-md-6 order-1">
-					<div class="how-to-right">
-						<h3 class="how-to-title text-left">{{featureData.HOW_TO_CONTENT.heading | replace: "$variable",
-							page.value}}</h3>
-						<ol class="how-to-list">
-							{% for data in featureData.HOW_TO_CONTENT.steps %}
+				{%- if site.monumetricId -%}
+				<div class="col-md-9 mx-auto">
+					<div class="row">
+						{%- endif -%}
+						<div class="col-md-6 order-0 ">
+							{%- if featureData.HOW_TO_CONTENT.logoImageUrl -%}
+							<div class="how-to-img-wrapper "><img class="how-to-leftimg" height="180px" width="300px"
+									src="{{featureData.HOW_TO_CONTENT.logoImageUrl}}" loading="lazy"
+									alt="{{featureData.HOW_TO_CONTENT.logoImageAlt | default: 'how to image' }}" {%- if
+									site.crossorigin -%} crossorigin {%- endif -%}>
+							</div>
+							{%- endif -%}
+						</div>
+						<div class="col-md-6 order-1">
+							<div class="how-to-right">
+								<h3 class="how-to-title text-left">{{featureData.HOW_TO_CONTENT.heading | replace:
+									"$variable",
+									page.value}}</h3>
+								<ol class="how-to-list">
+									{% for data in featureData.HOW_TO_CONTENT.steps %}
 
-							<li id="step{{forloop.index}}" class="how-to-list-item">
-								<span>{{forloop.index}}.</span>{{data |
-								replace: "$variable",
-								page.value}}
-							</li>
-							{% endfor %}
-						</ol>
+									<li id="step{{forloop.index}}" class="how-to-list-item">
+										<span>{{forloop.index}}.</span>{{data |
+										replace: "$variable",
+										page.value}}
+									</li>
+									{% endfor %}
+								</ol>
+							</div>
+						</div>
+						{%- if site.monumetricId -%}
 					</div>
 				</div>
+				{%- endif -%}
 			</div>
 
 		</div>
 	</section>
 	{%- assign showFaqs= true -%}
\ No newline at end of file