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

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

.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;
}

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

$('.flexslider').flexslider({
    prevText: "←",
    nextText: "→"
});      

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

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