光滑的幻灯片 - 幻灯片位置问题

Question

http://35.186.164.237

上面页面的底部几乎有一个光滑的幻灯片，配置如下：

$('.module-testimonials').not('.slick-initialized').slick({
    dots: true,
    infinite: true,
    speed: 300,
    slidesToShow: 1,
    autoplay: true,
    autoplaySpeed: 5000,
    adaptiveHeight: true,
    nextArrow: "<div class='right'><div class='icon-wrapper'><i class='fa fa-angle-right'></i></div></div>",
    prevArrow: "<div class='left'><div class='icon-wrapper'><i class='fa fa-angle-left'></i></div></div>"
});

在所有浏览器上，幻灯片的位置都不正确。其中一个你根本看不到。 :((

Slick.js：http://kenwheeler.github.io/slick/

Answer 1

尝试将宽度替换为您在 css 中添加的高度

.module-testimonials img {
    /* width: 300px; remove this*/
    height: 245px;
}