Изменить в owl carousel кнопки prev и next на треугольные стрелки

jQuery("#carousel").owlCarousel({
       ...
    navigation : true,
    navigationText : ["",""],
     ....
});

указать пустые значения для кнопок. Кстати, если используете иконочные шрифты для стрелок, то можете попробовать там указать коды для них....

Мне нужно было заменить стандартные "prev" и "next" на картинки в OwlCarousel 2-2.2.1 - и вот как я сделал: 1. У меня подключено:

owl.carousel.css
owl.theme.default.css
jquery-3.1.1.min.js
owl.carousel.js

2. В inedex.html в скрипте который запускает галерейку (не библиотека owl.carousel.js) прописано:

$('.owl-carousel').owlCarousel({
    loop:true,
    margin:10,
    nav:true,
    responsive:{
        0:{
            items:1
        },
        600:{
            items:3
        },
        1000:{
            items:5
        }
    }
})

добавил строчку:

navText : ["",""],

и получилось:

$('.owl-carousel').owlCarousel({
    loop:true,
    margin:10,
    nav:true,
    navText : ["",""],
    responsive:{
        0:{
            items:1
        },
        600:{
            items:3
        },
        1000:{
            items:5
        }
    }
})

3. Берем 2 класса .owl-prev и .owl-next и (в owl.theme.default.css прописал в конце отдельно) пишем следующие:

.owl-prev{
          background-image: url("back.png");
          background-size: cover;
          width: 100px;
          height: 100px;
        }
        .owl-next{
          background-image: url("next.png");
          background-size: cover;
          width: 100px;
          height: 100px;
        }

4. Потом ищем в owl.theme.default.css такую строчку (фон кнопок):

background: #D6D6D6;

и меняем на:

background-color: #D6D6D6;

5. Все с этого момента появляются у нас рисунки, те которые мы хотим вставить вместо названий, и тут очень нехорошый момент - при наведении рисунки пропадают. Не беда - делаем дальше :) ищем (фон кнопок при hover):

background: #869791;

и меняем все строчки на:

background-color: #869791;

Вот и все :)