1. In order to change slider's speed, please open in code editor file main.js which locates in \wp-content\themes\youko\js\ and go approximately to the line # 723.
For example, if you want to decrease speed, just increase these values in code:
slideshowSpeed:5000,
animationSpeed:800,
to:
slideshowSpeed:8000,
animationSpeed:900,
and save changes. Then clear cache in a browser and check the result.
2. To disable dark background for slides, click WP Dashboard => Appearance => Sliders => Main Slider and select necessary slide. Change Slide Background to light: http://nimb.ws/sPbp4N and save changes.
3. This feature not included in this slider.
4. To decrease number, click WP Dashboard => Appearance => Customize => Additional CSS and paste this code here:
.flex-control-paging li a.flex-active, .flex-control-paging li a:hover {
font-size: 14px;
}
.intro_section.page_mainslider .flexslider .flex-control-paging li a {
font-size: 14px;
}
Save changes and check result at front-end. You may increase 14 px size in order to receive bigger digits.
Hi 4 things to optimise for each sliders :
1/ How can i set the automacally delay between each slides ? (such speed now !)
2/ How can i disable the dark background on the slider (i need my images as they are - not darker)
3/ How can i add link on whole image without having to add text and button ?
4/ How can i set the numbers smaller and less high (less high stroke)
Let me know please
Hello, Dear Customer!
1. In order to change slider's speed, please open in code editor file main.js which locates in \wp-content\themes\youko\js\ and go approximately to the line # 723.
For example, if you want to decrease speed, just increase these values in code:
to:
and save changes. Then clear cache in a browser and check the result.
2. To disable dark background for slides, click WP Dashboard => Appearance => Sliders => Main Slider and select necessary slide. Change Slide Background to light: http://nimb.ws/sPbp4N and save changes.
3. This feature not included in this slider.
4. To decrease number, click WP Dashboard => Appearance => Customize => Additional CSS and paste this code here:
.flex-control-paging li a.flex-active, .flex-control-paging li a:hover { font-size: 14px; } .intro_section.page_mainslider .flexslider .flex-control-paging li a { font-size: 14px; }Save changes and check result at front-end. You may increase 14 px size in order to receive bigger digits.
Best Regards!