Center content in Slider

[wemakestuff]

Hi there!

Is it possible to center the content in a slideshow? And is it also possible to disable the slideshow’s autoplay?

Thank you!

[FocuxTheme Support]

The content is already aligned to center now, I’m not sure which slider you mean? Did you mean the top slider on the home page?

[FocuxTheme Support]

For disable the auto play, you should edit jquery.simplekey.js file which is under “js” folder, find the following code if you mean top slider

/*Top slider*/
   $('#featured').flexslider({
	   slideshowSpeed: slidePlayingSpeed,
	   animationSpeed: slideTransitionSpeed,
	   pauseOnHover: true,
	   video: true,
	   keyboard: true,
	   multipleKeyboard: true
   });

Replace it to

/*Top slider*/
   $('#featured').flexslider({
	   slideshowSpeed: slidePlayingSpeed,
	   animationSpeed: slideTransitionSpeed,
	   pauseOnHover: true,
	   video: true,
	   keyboard: true,
	   multipleKeyboard: true,
           animationLoop: false
   });

[wemakestuff]

Thanks for your reply. I actually mean the picture slideshow. I’ve put images in the slideshow which has a portrait-framesize. All these images are aligned left instead of center. How can I make all these pictures aligning center?

[wemakestuff]

PS: I’ve looked everywhere but I don’t have “jquery.simplekey.js” file. Latest Old car theme is “OldCar_V1.0 2”.

[FocuxTheme Support]

Hi

Sorry that I replied you a wrong answer.
1. Align the image to center:
Just put the following CSS into “OldCar options > Custom codes > Custom CSS”

.slides li img {margin:0 auto;}

2. Disable the auto-play:
Edit oldcar.setup.js file which is in “js” folder, find the following code

/*Flex slider*/
   $(window).load(function(){
     $('.van_slider').flexslider({
	   slideshow:true,
	   smoothHeight: true,
	   keyboard: true,
       multipleKeyboard: true,
	   start: function() {
               $('.van_slider').css('background','none');
	          }
     });
   });

Replace it to:

/*Flex slider*/
   $(window).load(function(){
     $('.van_slider').flexslider({
	   slideshow:true,
	   smoothHeight: true,
	   keyboard: true,
       multipleKeyboard: true,
animationLoop: false,
	   start: function() {
               $('.van_slider').css('background','none');
	          }
     });
   });

[wemakestuff]

Nice! Thank you so much for your help. Ones again it works.

[FocuxTheme Support]

OK, that’s great, it’s my pleasure.

[Author]

Posts