Shopify themes, liquid, logos, and UX
We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more
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?