flexslider - different size image problem

6 replies · opened Nov 23, 2017

Wweb404Nov 23, 2017

I am using this temp index-magazine.html
in flexslider i have different size photo and it have problem (see ATTACHMENTS) can i set flexslider max height and it be responsive

SSemicolon WebSTAFFNov 27, 2017

Hello,

Simply add the data-smooth-height="true" Attribute to the .fslider Element.

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Wweb404Nov 27, 2017

you mean :
in index-magazine.html
add data-smooth-height="true"

i have add but it is not working

Wweb404Nov 28, 2017

[sb_private_reply]????????[/sb_private_reply]

SSemicolon WebSTAFFNov 29, 2017

Hello,

Thanks for your Patience!

We have gone through this and the data-smooth-height="true" works only with data-animation="slide" Attribute. So coming to your original request of setting a max-height to the Slider, you can simply do so by adding the style="max-height: 400px;" Attribute to the .fslider Element. Example Code:

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Wweb404Nov 29, 2017

in index-magazine.html
<div class="fslider flex-thumb-grid grid-6" data-animation="fade" data-arrows="true" data-thumbs="true">
add data-smooth-height=”true” and data-animation=”slide”
<div class="fslider flex-thumb-grid grid-6" data-smooth-height="true" data-animation="slide" data-arrows="true" data-thumbs="true">

data-smooth-height will work ?

SSemicolon WebSTAFFDec 4, 2017

Hello,

Simply changing the data-animation="fade" to data-animation="slide" will work fine. Adding the data-smooth-height="true" is not required.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard