CSS Slick Slider 导航有问题

Question

我在 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;
}

Answer 1

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

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

CSS Slick Slider 导航有问题

CSS trouble with Slick Slider navigation

css

slick.js