Change Speed on Slider

Author	« Topic »
iaind Advanced Member 145 Posts Pre-sales questions only (More Details...)	Posted - 11/14/2017 : 10:42:28 Hi We have the flexslider css and need to change the speed of it to make the images change quicker - how do we go about doing this? Secondly, is it possible to have the images appear randomly?
Sinbad ECT Moderator USA 65937 Posts	Posted - 11/14/2017 : 11:11:59 Hi Ian, open jquery.flexslider.js and look for the section titled //FlexSlider: Default Settings there you will find slideshowSpeed you can adjust the number, also change randomize from false to true. Winners never quit, quitters never win CSS and Responsive Designs User Manual for Ecommerce Templates
iaind Advanced Member 145 Posts Pre-sales questions only (More Details...)	Posted - 11/15/2017 : 01:21:44 Thanks Sinbad. Can I also change the size of the slider to reduce the height of it?
Andy ECT Moderator 95440 Posts	Posted - 11/15/2017 : 01:42:53 Hi Ian Can you show us where you have it set up and we'll take a look? Andy Please feel free to review / rate our software
iaind Advanced Member 145 Posts Pre-sales questions only (More Details...)	Posted - 11/15/2017 : 01:44:42 Hi Andy It's on dogsinviteddotcodotuk
Andy ECT Moderator 95440 Posts	Posted - 11/15/2017 : 03:03:42 I believe the slider height depends on the image height rather than anything in the css or script. Andy Please feel free to review / rate our software
iaind Advanced Member 145 Posts Pre-sales questions only (More Details...)	Posted - 11/15/2017 : 07:29:43 Hi Andy If the size of the picture changes, the menu underneath still stays in the same position.
Andy ECT Moderator 95440 Posts	Posted - 11/15/2017 : 08:11:41 Can you make sure you changed all the images' heights? I'm pretty sure there's no height setting anywhere. Andy Please feel free to review / rate our software
iaind Advanced Member 145 Posts Pre-sales questions only (More Details...)	Posted - 11/15/2017 : 08:26:59 Hi Andy I tried them both with a height of 350px and it made no difference, but I did notice that one of the images had a slight blur on it, so reduced it to 200px height and then put it up and it was noticeably blurrred. I can only conclude from that, that it makes the image as large as the space is.
iaind Advanced Member 145 Posts Pre-sales questions only (More Details...)	Posted - 11/15/2017 : 08:30:37 Hi Andy Found it. Needed to change smoothHeight to true
iaind Advanced Member 145 Posts Pre-sales questions only (More Details...)	Posted - 11/15/2017 : 08:34:36 I lied - it's not sorted it out. I've left as is for you to have a look at
Andy ECT Moderator 95440 Posts	Posted - 11/15/2017 : 08:55:30 .flexslider .slides img { width: 100%; display: block; height:10px !important; } in flexislder.css would give you an image 10px high but as the image height isn't actually set I was assuming the slider depended on the "highest" image. Andy Please feel free to review / rate our software
iaind Advanced Member 145 Posts Pre-sales questions only (More Details...)	Posted - 11/15/2017 : 09:07:48 thanks Andy - all sorted
1234 Ecommerce Template Expert USA 974 Posts	Posted - 03/09/2019 : 10:34:30 I would like to reduce the height of the shaded box within the slider, that contains the text. I reduced my image height(s), so now the text takes up alot of the room on the image. I looked at the jquery.flexslider.js but I am unable to locate the line. Where might this be?
Andy ECT Moderator 95440 Posts	Posted - 03/09/2019 : 11:02:28 Hi That would be in the css file, style.css .banner_text_wrap Andy Please feel free to review / rate our software
1234 Ecommerce Template Expert USA 974 Posts	Posted - 03/09/2019 : 11:10:10 Just to be clear, what in this line determines the height of the box? .banner_text_wrap { background:rgba(0,0,0,0.5); position:absolute; z-index:999; left:0; bottom:20px; color:#fff; width:80%; margin:0 10%; padding:15px; box-sizing:border-box; }
Andy ECT Moderator 95440 Posts	Posted - 03/09/2019 : 11:13:53 Try reducing the padding. Andy Please feel free to review / rate our software
1234 Ecommerce Template Expert USA 974 Posts	Posted - 03/09/2019 : 11:44:32 Reducing the padding didn't seem to make any difference. I also tried reducing the Margin but that didn't seem to make a difference either. I did reduce the font size from 40 to 30. That reduced the box height a little. It wasn't exactly what I was attempting but it will suffice.
	« Topic »