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

【问题标题】：How to add margin on slick slider buttons如何在光滑的滑块按钮上添加边距
【发布时间】：2021-10-19 21:08:11
【问题描述】：

所以我尝试更改按钮并且它可以工作，但现在我想给按钮留出空间，它只适用于下一个按钮，但不适用于上一个按钮

这是屏幕截图

这是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;
}

【问题讨论】：

默认情况下，滑动滑块按钮位置为绝对位置，因此您可以尝试使用 Left 或 Right 属性。像这个：- .slick-prev {left: -25px;} .slick-next {right: -25px;}

标签： javascript css slider laravel-8 slick

【解决方案1】：

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

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

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

【讨论】：