如何在光滑的滑块按钮上添加边距

Question

所以我尝试更改按钮并且它起作用了，但现在我想给按钮 space，它只对下一个按钮起作用，对上一个按钮不起作用

这是截图

这是css

.slider-promo .slick-prev::before,
.slider-promo .slick-next::before {
  font-family: "Font Awesome 5 Free" !important;
  font-size: 40px;
  font-weight: 900 !important;
  color: #000;
}

.slider-promo .slick-prev::before {
    content: "\f104" ;
    margin-right: 50px;
}
.slider-promo .slick-next::before {
    content: "\f105" ;
    margin-left: 50px;
}

Answer 1

如果您想更改按钮位置，请访问以下网站，我认为它对您有帮助。

默认情况下，光滑的滑块按钮位置是绝对的，因此您可以尝试使用左侧或右侧属性。

Like this one :- .slick-prev {left: -25px;} .slick-next {right: -25px;}

检查这里https://kenwheeler.github.io/slick/

如果您没有得到任何解决方案，请尝试使用以下代码

.slick-prev {
    left: 0;
    margin-left: -50px;
}
.slick-next {
    right: 0;
    margin-right: -50px;
}

如何在光滑的滑块按钮上添加边距

How to add margin on slick slider buttons

javascript

css

slider

laravel-8

slick