maj

user/themes/quark/templates/modular/features.html.twig

@@ -1,6 +1,6 @@
 {% set grid_size = theme_var('grid-size') %}
 {% set columns = page.header.class == 'small' ? 'col-3 col-md-4 col-sm-6' : 'col-4 col-md-6 col-sm-12'  %}
-<section id="modular-features" class="section {{ page.header.class}}">
+<section class="section modular-features {{ page.header.class}}">
         <section class="container {{ grid_size }}">
             <div class="frame-box">
 

user/themes/quark/templates/modular/hero.html.twig

@@ -1,4 +1,4 @@
 {% set grid_size = theme_var('grid-size') %}
 {% set hero_image = page.header.hero_image ? page.media[page.header.hero_image] : page.media.images|first %}
 
-{% include 'partials/hero.html.twig' with {id: 'modular-hero'} %}
+{% include 'partials/hero.html.twig' %}

user/themes/quark/templates/modular/text.html.twig

@@ -1,15 +1,15 @@
 {% set grid_size = theme_var('grid-size') %}
 {% set image = page.media.images|first %}
 
-<section id="modular-text" class="section {{ page.header.class}} bg-gray">
+<section class="section modular-text {{ page.header.class}} bg-gray">
     <section class="container {{ grid_size }}">
-        <div class="columns">
+        <div class="columns {{ page.header.image_align|default('align-right') }}">
             <div class="column col-6 col-md-12">
                 {{ content }}
             </div>
             <div class="column col-6 col-md-12">
                 {% if image %}
-                    {{ image.html('','','align-'~page.header.image_align) }}
+                    {{ image.html }}
                 {% endif %}
             </div>
         </div>