diff --git a/assets/desktop-slider.css b/assets/desktop-slider.css index a7a55e4c..b86ecd8e 100644 --- a/assets/desktop-slider.css +++ b/assets/desktop-slider.css @@ -54,3 +54,8 @@ .yc-slider__desktop .content .container > div { max-width: 600px; } + +.splide__pagination { + display: flex !important; + margin-bottom: 20px; +} diff --git a/assets/hero.png b/assets/hero.png new file mode 100644 index 00000000..614f675d Binary files /dev/null and b/assets/hero.png differ diff --git a/sections/desktop-slider.liquid b/sections/desktop-slider.liquid index b09e625e..d7d4b8db 100644 --- a/sections/desktop-slider.liquid +++ b/sections/desktop-slider.liquid @@ -2,12 +2,17 @@ {% style %} #yc_slider_{{ id }} .splide__arrow { - background: {{ section.settings.slider_mobile_arrows_background_color.hex }} !important; + background: {{ section.settings.slider_desktop_arrows_background_color.hex }} !important; + width: 54px; + height: 54px; + border-radius: 0 8px 8px 0; + margin: 0 100px; } #yc_slider_{{ id }} .splide__arrow svg { height: {{ section.settings.slider_arrows_content_size }}px; width: {{ section.settings.slider_arrows_content_size }}px; + background-color: {{ section.settings.slider_mobile_arrows_background_color.hex }}; } .yc-slider__desktop .content { @@ -116,16 +121,6 @@ "label": "Timeout between slides", "default": 5 }, - { - "type": "range", - "id": "slider_arrows_size", - "min": 20, - "max": 55, - "step": 1, - "unit": "px", - "label": "Arrows Size", - "default": 37 - }, { "type": "range", "id": "slider_arrows_content_size", diff --git a/snippets/slider.liquid b/snippets/slider.liquid index 2d641948..df1b613c 100644 --- a/snippets/slider.liquid +++ b/snippets/slider.liquid @@ -11,7 +11,7 @@ > {%- if block.settings.caption %}