Problem/Motivation

Hello,

I have create a carousel with image and a caption. (see attached file).
I choose image style of 100x100px.

On some div images a padding-bottom is added randomly in the line style. I have no regularity in the height of my carousel.
I don't unsterdant why.

How to fix this?

I try various skin but I have ever the problem.

CommentFileSizeAuthor
2020-08-28_09h52_00.png76.33 KBselinav

Comments

selinav created an issue. See original summary.

selinav’s picture

selinav commented

Any idea why this padding is automatically added ?

gausarts’s picture

gausarts commented
Component: Miscellaneous » Documentation

I hope you can make it one way another.

Your questions are answered in docs.

Historically:
https://www.drupal.org/project/slick_views/issues/2795415

You can disable padding hack by leaving Aspect ratio option empty.

demonde’s picture

demonde commented

I am using slick views and there is no aspect ratio settings. Though I get a padding-bottom.

gausarts’s picture

gausarts commented

It is at Fields > Images > Blazy for field formatter at left hand side of Views UI.

If no Blazy, change it from Image formatter to Blazy.

Padding bottom is added by the option named Aspect ratio. Adjust its value.

ivnish’s picture

ivnish
he/him
commented

+1

This padding breaks adaptive height

gausarts’s picture

gausarts commented
Status: Active » Fixed

A friendly housekeeping before a new release.

> This padding breaks adaptive height
See #3 + #5. You can toggle Aspect ratio as needed. That is why it has an Empty option.
It doesn't solve every use cases as mentioned in the docs.

Feel free to re-open if still an issue. Thanks.

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.