Can't Change Slider Transition Duration

Solved
egement
Tourist
9 0 3

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 ---

Screenshot 2021-04-27 at 10.29.31 AM.png

--- While slides changes transition-duration value changes to = 300ms ---

Screenshot 2021-04-27 at 10.29.57 AM.png

dmwwebartisan
Shopify Partner
5867 1339 1721

This is an accepted solution.

@egement 

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!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
egement
Tourist
9 0 3

@dmwwebartisan 

Thanks life saver again

0 Likes
Kickmouth
Shopify Partner
2 0 0

@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?

https://seenbysinead.myshopify.com/

0 Likes