Сделать стрелку ползунка всегда видимой в волшебном ползунке

Question

Я использую волшебный слайдер для моего сайта

http://m2.alothemes.com/bencher/

Здесь я хочу, чтобы моя стрелка всегда была видна.поэтому я пишу следующий код CSS

.slick-next.slick-arrow, .slick-prev.slick-arrow{

    display: block;
    visibility: visible;
    opacity: 1;
    background-color: #eeeeee73 !important;
    border-radius: 2px;
}

Этот код работает.Но проблема в том, что при наведении курсора стрелка не отображается, и появляется один эффект.Пожалуйста, попробуйте это исправить.

Я хочу, чтобы моя стрелка-ползунок всегда присутствовала с цветом фона.В настоящее время он виден только при наведении курсора.

Answer 1

Ниже вы можете добавить css, чтобы получить желаемый результат.

.home-slider.home-slider-index .slick-arrow {
    OPACITY: 1;
    visibility: visible !important;
}

Answer 2

Добавьте этот класс к ползунку стрелка.

.staticArrow{ opacity: 1 !important; visibility: visible !important; }

Answer 3

У вас есть эти правила в (index) (на странице css?):

.slick-prev, .slick-next {
   color: #707070;
   background-color: #4f0606;
   border-color: #ffffff;
}

, которые перезаписывают написанное вами правило.Чтобы решить эту проблему, вы можете добавить !important рядом со свойствами, которые хотите перезаписать, или рассмотреть возможность реорганизации импорта ваших CSS-файлов