apply button style to slideshow

KevinMwita7 · May 4, 2022 · a6aefab · a6aefab
1 parent c3ca562
commit a6aefab
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 28 deletions.
diff --git a/assets/base.css b/assets/base.css
@@ -2474,6 +2474,6 @@ details-disclosure>details {
   box-shadow: 0;
 }
 
-.rounded_buy_buttons button {
+.rounded_btn {
   border-radius: 24px;
 }
diff --git a/sections/image-banner.liquid b/sections/image-banner.liquid
@@ -230,7 +230,7 @@
                           <h2 class="my-14 banner_subheading text-{%- if section.settings.subheading_font_size != 1 -%}{{ section.settings.subheading_font_size }}{%- endif -%}xl mb-5 lg:leading-tight xl:leading-tight 2xl:leading-tight" style="color: {{ section.settings.subheading_color }}; font-weight: {{ section.settings.subheading_font_weight }};">
                               <span>{{ block.settings.sub_heading }}</span>
                           </h2>
-                          <a{% if block.settings.button_link == blank %} role="link" aria-disabled="true"{% else %} href="{{ block.settings.button_link }}"{% endif %} class="inline-block border rounded-{{ section.settings.button_border_radius }} py-2.5 px-5 h3 banner_button" style="font-weight: {{ section.settings.button_text_font_weight }}; color: {{ section.settings.button_text_color }}; border-color: {{ section.settings.button_border_color }}; {%- unless section.settings.button_bg_color == blank -%} background-color: {{ section.settings.button_bg_color }}; {%- endunless -%} padding: {{ section.settings.banner_button_size }};">
+                          <a{% if block.settings.button_link == blank %} role="link" aria-disabled="true"{% else %} href="{{ block.settings.button_link }}"{% endif %} class="inline-block border py-2.5 px-5 h3 banner_button{% if settings.rounded_buttons %} rounded_btn{% endif %}" style="font-weight: {{ section.settings.button_text_font_weight }}; color: {{ section.settings.button_text_color }}; border-color: {{ section.settings.button_border_color }}; {%- unless section.settings.button_bg_color == blank -%} background-color: {{ section.settings.button_bg_color }}; {%- endunless -%} padding: {{ section.settings.banner_button_size }};">
                               {{ block.settings.button_text }}
                           </a>
                       </div>
@@ -265,7 +265,7 @@
                   <div class="text-center container-fluid w-full h-full py-6 px-6 pb-0 relative">
                     <p class="mb-0.5 font-semibold banner_heading">{{ block.settings.sub_heading }}</p>
                     <h2 class="text-4xl my-6 banner_subheading">{{ block.settings.heading }}</h2>
-                    <a{% if block.settings.button_link == blank %} role="link" aria-disabled="true"{% else %} href="{{ block.settings.button_link }}"{% endif %} class="border block rounded-{{ section.settings.button_border_radius }} h3 banner_button mb-20" style="font-weight: {{ section.settings.button_text_font_weight }}; color: {{ section.settings.button_text_color }}; border-color: {{ section.settings.button_border_color }}; {%- unless section.settings.button_bg_color == blank -%} background-color: {{ section.settings.button_bg_color }}; {%- endunless -%} padding: {{ section.settings.banner_button_size }};">
+                    <a{% if block.settings.button_link == blank %} role="link" aria-disabled="true"{% else %} href="{{ block.settings.button_link }}"{% endif %} class="border block{% if settings.rounded_buttons %} rounded_btn{% endif %} h3 banner_button mb-20" style="font-weight: {{ section.settings.button_text_font_weight }}; color: {{ section.settings.button_text_color }}; border-color: {{ section.settings.button_border_color }}; {%- unless section.settings.button_bg_color == blank -%} background-color: {{ section.settings.button_bg_color }}; {%- endunless -%} padding: {{ section.settings.banner_button_size }};">
                         {{ block.settings.button_text }}
                     </a>
                   </div>
@@ -434,31 +434,6 @@
       "label": "t:sections.image-banner.settings.button_border_color.label",
       "default": "#000"
     },
-    {
-      "type": "select",
-      "id": "button_border_radius",
-      "options": [
-        {
-          "value": "none",
-          "label": "t:sections.image-banner.settings.button_border_radius.option__1.label"
-        },
-        {
-          "value": "lg",
-          "label": "t:sections.image-banner.settings.button_border_radius.option__2.label"
-        },
-        {
-          "value": "2xl",
-          "label": "t:sections.image-banner.settings.button_border_radius.option__3.label"
-        },
-        {
-          "value": "full",
-          "label": "t:sections.image-banner.settings.button_border_radius.option__4.label"
-        }
-      ],
-      "label": "t:sections.image-banner.settings.button_border_radius.label",
-      "default": "none",
-      "info": "t:sections.image-banner.settings.button_border_radius.info"
-    },
     {
       "type": "select",
       "id": "banner_button_size",