Slick Slider 导航的 CSS 问题

如何解决Slick Slider 导航的 CSS 问题

我在显示 slick.js 时遇到问题。 “下一个”箭头显示在左侧，当我调整正确的属性时，它似乎没有在位置上做出响应。 “prev”箭头显示良好，据我所知，正在以相同的方式加载。我的开发站点是 here。

这是我本节的 CSS：

#front-page-slider,#front-page-slider .slide {
    min-height:500px;
}

.width-fixed {
    max-width: 1200px;
    margin: 0 auto;
}

.slider-container {
    position:relative;
}

#join-widget {
    position:absolute;
    text-align:center;
    width: 100%;
    bottom: 0;
}

#gform_wrapper_3 .gform_heading {
    display:none;
}

#join-widget form {
    display:flex;
    justify-content:center;
}

#front-page-slider .slick-prev {
    left: 10px;
}

#front-page-slider .slick-next {
    right: 10px;
}

解决方法

您的 slick.arrow 的 CSS（在文件 theme.min.css 中）包括 left: 10px。要覆盖它，请在您的 slick.next 类中包含值 left: auto。

#front-page-slider .slick-next {
    right: 10px;
    left: auto;
}