• 0

Quickslider timing adjustment


Question

Posted · Report post

The automate quickslider option is fixed as 7 seconds, so of course the client has asked for a faster transition time...

 

Inspecting the element shows this and the transition shifts from 0s to 6s - but how can I make the adjustment with CSS?

 

Thanks

 

 

 

<ul class="slides" style="-webkit-transition: 0.6s; transition: 0.6s; width: 1200%; -webkit-transform: translate3d(-2202px, 0, 0);"><li class="clone" style="width: 734px; float: left; display: block;"><img src="http://oraclecancertrust.org.gridhosted.co.uk/wp-content/uploads/2013/09/slider_4_41.png" alt=""> </li>

 
 

Share this post


Link to post
Share on other sites

5 answers to this question

  • 0

Posted · Report post

Hi,

 

As far as I am aware you wont be able to override it with CSS. What you will need to do is edit the jquery.flexslider-min.js file. Therefore, I recommend you create a child section of the QuickSlider, unminify the js file so you can see alll options and then change the speed from 7000 to whatever you like.

 

You can use this to unminify the file - http://jsbeautifier.org/

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

I followed the instructions in the docs and uploaded a new QS section into the base theme. I found the js with 7000 and adjusted this and saved the file. After re-registering the sections it just came up with a fatal error witha path to that section. Obviously not as easy as it seems!

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Can you provide a screenshot of your issue ?

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

I found this thread because my client wanted QuickSlider to move slower. Since this method described here seemed difficult and I was unclear if the OP was successful, I found a responsive slider plug-in in the repository. It's easy to use and replaced my homepage slider without it looking any different (with a little CSS). Sadly you can only have one set on a site. But I wanted to share it for anyone coming later http://wordpress.org/extend/plugins/responsive-slider/. You can see it on a DMS site at http://www.movementfromwithin.net

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Hi @sheilahoff 

 

Thank you for the input on this - very helpful :) 

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now