Slick Slider导航的CSS问题

Question

我的slick.js显示有问题。"；下一个"；箭头显示在左侧，当我调整右侧属性时，它似乎并没有位置响应。"；prev"；箭头显示得很好，据我所知，是以同样的方式加载的。我的开发站点在这里。

这是我这一部分的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类中包含值left: auto。

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