How to Smooth Slide Show Transition - Ella Theme

Solved
AbdulMannan
Excursionist
24 0 6

I am using the Ella theme on this website. Slide Show Transition is too quick. But I browse another website with the same theme that has a smooth transition. How can I smooth transition like this?

Accepted Solution (1)

Accepted Solutions
Savior
Pathfinder
107 16 40

This is an accepted solution.

@AbdulMannan 

1. Go to your store click on Actions > Edit Code

2. Assets > theme-styles.css add below lines at the bottom of the file.

.slick-track {
    transition: transform 2000ms ease 0s !important;
}

If helpful then please Like and Accept Solution.

View solution in original post

Replies 5 (5)
Savior
Pathfinder
107 16 40

This is an accepted solution.

@AbdulMannan 

1. Go to your store click on Actions > Edit Code

2. Assets > theme-styles.css add below lines at the bottom of the file.

.slick-track {
    transition: transform 2000ms ease 0s !important;
}

If helpful then please Like and Accept Solution.

View solution in original post

AbdulMannan
Excursionist
24 0 6

Thank You. It's working. But see there has a problem with sliding. Check, please!

Savior
Pathfinder
107 16 40

@AbdulMannan 

 

Can you please tell me in brief what you are facing issue.

AbdulMannan
Excursionist
24 0 6

@Savior 

Slide with mouse 2nd slide. You will see it's not sliding correctly. It's slide backward <==

AbdulMannan
Excursionist
24 0 6

I Want Slide only one direction
====>