Как убрать текст на кнопках навигации slikc slider-a?

Question

[Сергей Бут]

Этот текст необходимо убрать, просто чтобы оставалась РОДНАЯ кнопка навигации Slick SLidera. Есть какой нибудь параметр?

Comments

[Александр Коновалов]

Сергей Бут есть демо или код?

[Rustam Bainazarov]

Этот текст в разметке, уберите его оттуда:

<button type="button" data-role="none" class="slick-prev slick-arrow slick-disabled" aria-label="Previous" role="button" aria-disabled="true" style="display: block;">Previous</button>

<button type="button" data-role="none" class="slick-next slick-arrow" aria-label="Next" role="button" style="display: block;" aria-disabled="false">Next</button>

[Сергей Бут]

<button class="slick-prev slick-arrow" aria-label="Previous" type="button" style="display: block;">Previous</button>

Александр Коновалов, Код самой стрелки

[Rustam Bainazarov]

Сергей Бут, присмотритесь внимательнее в конце строчки этого кода... и увидите нужное тебе слово.

[Александр Коновалов]

Сергей Бут, так уберите Previous между button

[Сергей Бут]

Александр Коновалов, SmthTo, этот элемент (кнопки) добавляется самим слайдером, а не в моей разметке

[Rustam Bainazarov]

Сергей Бут, тогда либо назначай свои кнопки опциями, либо просто добавь вот этот CSS к кнопкам:

.slick-arrow {
    text-indent: -9999px !important;
    color: transparent; /* опционально */
}

Answer 1

[Anton Nikonorov]

.slick-arrow {
	text-indent: -9999px;
}

или

.slick-arrow {
	font-size: 0;
}

Comments

[Александр Алексеев]

либо задать свой шаблон кнопок в опциях

prevArrow: '<button type="button" class="prev"><i class="icon-angle-left"></i></button>',
nextArrow: '<button type="button" class="next"><i class="icon-angle-right"></i></button>',

Answer 2

[Алексей Голягин]

Удалите из файла slick.js текст и сохраните prntscr.com/mp1exm

Answer 3

[Фёдор]

Попробуйте через параметры:
nextArrow
prevArrow
https://www.npmjs.com/package/slick-carousel
Или стилями css.