[BUGFIX] add if condition to add text alignment to components in imag…

…e-card module
Resultify · Apr 22, 2024 · 51a4392 · 51a4392
1 parent 2a21d8c
commit 51a4392
Showing 1 changed file with 30 additions and 10 deletions.
diff --git a/theme/modules/image-card.module/module.html b/theme/modules/image-card.module/module.html
@@ -219,31 +219,39 @@
     }
 
     .image-card-module__icon {
-      text-align: {{module.style.icon.alignment.alignment.horizontal_align}}!important;
+      {% if module.style.icon.alignment.alignment.horizontal_align %}
+        text-align: {{module.style.icon.alignment.alignment.horizontal_align}}!important;
+      {% endif %}
       {% if module.style.icon.background.color.css %}
         background-color: {{module.style.icon.background.color.css}};
       {% endif %}
       {{module.style.icon.spacing.spacing.css}}
     }
 
     .image-card-module__text {
-      text-align: {{module.style.text.alignment.alignment.horizontal_align}}!important;
+      {% if module.style.text.alignment.alignment.horizontal_align %}
+        text-align: {{module.style.text.alignment.alignment.horizontal_align}}!important;
+      {% endif %}
       {% if module.style.text.background.color.css %}
         background-color: {{module.style.text.background.color.css}};
       {% endif %}
       {{module.style.text.spacing.spacing.css}}
     }
 
     .image-card-module__heading {
-      text-align: {{module.style.heading.alignment.alignment.horizontal_align}}!important;
+      {% if module.style.heading.alignment.alignment.horizontal_align %}
+        text-align: {{module.style.heading.alignment.alignment.horizontal_align}}!important;
+      {% endif %}
       {% if module.style.heading.background.color.css %}
         background-color: {{module.style.heading.background.color.css}};
       {% endif %}
       {{module.style.heading.spacing.spacing.css}}
     }
 
     .image-card-module__subheading {
-      text-align: {{module.style.subheading.alignment.alignment.horizontal_align}}!important;
+      {% if module.style.subheading.alignment.alignment.horizontal_align %}
+        text-align: {{module.style.subheading.alignment.alignment.horizontal_align}}!important;
+      {% endif %}
       {% if module.style.subheading.background.color.css %}
         background-color: {{module.style.subheading.background.color.css}};
       {% endif %}
@@ -258,44 +266,56 @@
     }
 
     .image-card-module__link {
-      text-align: {{module.style.link.alignment.alignment.horizontal_align}}!important;
+      {% if module.style.link.alignment.alignment.horizontal_align %}
+        text-align: {{module.style.link.alignment.alignment.horizontal_align}}!important;
+      {% endif %}
       {% if module.style.link.background.color.css %}
         background-color: {{module.style.link.background.color.css}};
       {% endif %}
       {{module.style.link.spacing.spacing.css}}
     }
 
     .image-card-module__secondary-link {
-      text-align: {{module.style.secondary_link.alignment.alignment.horizontal_align}}!important;
+      {% if module.style.secondary_link.alignment.alignment.horizontal_align %}
+        text-align: {{module.style.secondary_link.alignment.alignment.horizontal_align}}!important;
+      {% endif %}
       {% if module.style.secondary_link.background.color.css %}
         background-color: {{module.style.secondary_link.background.color.css}};
       {% endif %}
       {{module.style.secondary_link.spacing.spacing.css}}
     }
 
     .image-card-module__button {
-      text-align: {{module.style.button.alignment.alignment.horizontal_align}}!important;
+      {% if module.style.button.alignment.alignment.horizontal_align %}
+        text-align: {{module.style.button.alignment.alignment.horizontal_align}}!important;
+      {% endif %}
       {% if module.style.button.background.color.css %}
         background-color: {{module.style.button.background.color.css}};
       {% endif %}
       {{module.style.button.spacing.spacing.css}}
     }
 
     .image-card-module__secondary-button {
-      text-align: {{module.style.secondary_button.alignment.alignment.horizontal_align}}!important;
+      {% if module.style.secondary_button.alignment.alignment.horizontal_align %}
+        text-align: {{module.style.secondary_button.alignment.alignment.horizontal_align}}!important;
+      {% endif %}
       {% if module.style.secondary_button.background.color.css %}
         background-color: {{module.style.secondary_button.background.color.css}};
       {% endif %}
       {{module.style.secondary_button.spacing.spacing.css}}
     }
 
     .image-card-module__cta {
-      text-align: {{module.style.cta.alignment.alignment.horizontal_align}}!important;
+      {% if module.style.cta.alignment.alignment.horizontal_align %}
+        text-align: {{module.style.cta.alignment.alignment.horizontal_align}}!important;
+      {% endif %}
       {{module.style.cta.spacing.spacing.css}}
     }
 
     .image-card-module__secondary-cta {
-      text-align: {{module.style.secondary_cta.alignment.alignment.horizontal_align}}!important;
+      {% if module.style.secondary_cta.alignment.alignment.horizontal_align %}
+        text-align: {{module.style.secondary_cta.alignment.alignment.horizontal_align}}!important;
+      {% endif %}
       {{module.style.secondary_cta.spacing.spacing.css}}
     }