Team Carousel min-height

[petebulley]

I am using the Team Carousel element with the Swift Page Builder and when viewing the page there is a large space below the element.
Looking at the source code of the page I find the problem is a style tag on the elements in the carousel as follows:

<div itemscope="" data-id="id-2" class="clearfix carousel-item team-member span3" style="min-height: 1229px;">......</div>

Note the style="min-height: 1229px;" style.

I suspect this issue is linked to some custom CSS I am using from another post to remove animation of team elements:

.team-member figure.gallery-style img {
   pointer-events: none;
   cursor: default;
}
.team-member figure img {
   pointer-events: none;
   cursor: default;
}
.team-member figure.gallery-style:hover img {
    -webkit-transform: scale(1) !important;
    -moz-transform: scale(1) !important;
    -ms-transform: scale(1) !important;
    transform: scale(1) !important;
}
.team-member figure:hover img {
    -webkit-transform: translateY(0px) !important;
    -moz-transform: translateY(0px) !important;
    -ms-transform: translateY(0px) !important;
    transform: translateY(0px);

.team-member figure.gallery-style:hover figcaption {
    -webkit-transform: scale(1) !important;
    -moz-transform: scale(1) !important;
    -ms-transform: scale(1) !important;
    transform: scale(1) !important;
    opacity: 1;
}

[David Martin – Support]

Hi,

The height should be dynamic, please add this custom CSS to force it:

.owl-carousel .owl-wrapper-outer {
   min-height: auto!important;
}

Thanks,
David.

[petebulley]

Thanks, this did the trick

[Rui Guerreiro – SUPPORT]

Glad it’s sorted. Thanks David.
-Rui

[David Martin – Support]

No problem!
David.