Проблемы с использованием слайдера Slick jQuery

Question

Я пытаюсь реализовать Slick jQuery.

Он поставляется с jQuery < ver. 1.7, но требует ver. 1.7, поэтому на данный момент я использую ver. 2.1.4.

Я загрузил свое решение здесь: http://jsjensen.dk/slick/. У меня две проблемы.

1) Первая проблема, с которой я столкнулся, заключается в том, что она не будет использовать предоставленный шрифт Slick, встроенный в верхнюю часть в slick-theme.css. Таким образом, вы не видите стрелки рядом с содержимым слайдов, но они на самом деле там.

2) Вторая проблема заключается в том, что она добавляет некоторые странные синие контуры вокруг содержимого слайдера, когда я нажимаю на один (даже если они не являются ссылками), а также когда я прокручиваю/щелкаю по ползунку.

Может ли кто-нибудь помочь в этом? Я стараюсь делать все правильно и смотрел на рабочий код официальной страницы слайдера Slick, но это не работает для меня каким-то образом.

Является ли раковина Slickr уже старой?

Answer 1

Попробуйте это: -

.slick-prev:before, 
.slick-next:before { 
    color: #000; 
} 

.slick-slide.slick-active { 
    outline:0; 
}