Кнопки изменения Flexslider

В любом случае, я могу изменить маленькие кнопки навигации в текстовые кнопки на flexslider? Я не могу найти его нигде в Интернете.

Ответ 1

Чтобы использовать изображение в качестве кнопки навигации:

.flex-direction-nav a:before  { 
    content: " ";
    display: block;
    background: url('../path-to-image/flexslider-left.png') no-repeat;
    width: 40px;
    height: 40px;
}
.flex-direction-nav a.flex-next:before  { 
    content: " ";
    display: block;
    background: url('../path-to-image/flexslider-right.png') no-repeat;
    width: 40px;
    height: 40px;
}

Ответ 2

Вы можете использовать свойства prevText и nextText, например (я использую стрелки, но вы можете изменить любой текст):

$('.flexslider').flexslider({
    prevText: "&#8592;",
    nextText: "&#8594;"
});

И затем в flexslider.css удалите свойства background-image и text-indent из .flex-direction-nav a.

Надеюсь, что это поможет.