Shopify themes, liquid, logos, and UX
Website: www.balanu.com
Theme: Flow
Im trying to slow down transition duration between 2 slides. but the inspector gets a value from somewhere as 300ms and I can't override it even in inline css. below are the screenshots of when stationary and when the slide changes. It changes too fast please help 🙂
--- Stationary transition-duration value = 0ms ---
--- While slides changes transition-duration value changes to = 300ms ---
Solved! Go to the solution
This is an accepted solution.
Please add the following code at the bottom of your assets/theme-index.min.css file.
.swiper-container-android .swiper-slide, .swiper-wrapper { transition-duration: 1000ms !important;}
Hope this works.
Thanks!
This is an accepted solution.
Please add the following code at the bottom of your assets/theme-index.min.css file.
.swiper-container-android .swiper-slide, .swiper-wrapper { transition-duration: 1000ms !important;}
Hope this works.
Thanks!
@dmwwebartisan thanks for this fix - but I can't seem to get it working as my slideshow is set to the fade effect... 😞
I tried it in theme-index.min.css as you outlined - no luck; so tried in my custom.css - still no luck
where have I gone wrong?
June brought summer energy to our community. Members jumped in with solutions, clicked ...
By JasonH Jun 5, 2025Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025