Comment changer la conception des flèches jquery Flexslider?

Question

j'essaye de changer la conception de flèches de Flexslider du dossier de css, mais échoué. Je donne une capture d'écran de ce que j'ai fait et wat je voulais: D ou est-il un moyen de changer l'icône ou la police flexslider? mon œuvre: http://i.stack.imgur.com/4fgcU.png cela est que je veux faire: http://i.stack.imgur.com/zhxqI.png

<ul> 
    <li><a href="#" title="Previous"><span class="icon icon-arrow-left8"></span></a> 
    </li> 
    <li><a href="#" title="Next"><span class="icon icon-arrow-right8"></span></a> 
    </li> 
</ul> 

Answer 1

Si vous ne voulez pas toucher la police ou ajouter une nouvelle police contenant des icônes correspondant à votre conception, Vous pouvez obtenir quelque chose de similaire par redéfinissant la css:

.flex-direction-nav a { 
    display: block; 
    width: 40px; 
    height: 40px; 
    margin: -20px 0 0; 
    position: absolute; 
    top: 50%; 
    z-index: 10; 
    overflow: hidden; 
    opacity: 0; 
    cursor: pointer; 
    color: rgba(0, 0, 0, 0.8); 
    text-shadow: none; 
    -webkit-transition: all 0.3s ease-in-out; 
    -moz-transition: all 0.3s ease-in-out; 
    -ms-transition: all 0.3s ease-in-out; 
    -o-transition: all 0.3s ease-in-out; 
    transition: all 0.3s ease-in-out; 
    color: #fff; 
    background-color: #000; 
    border-radius: 50%; 
    text-align: center; 
} 
.flex-direction-nav a:before { 
    font-family: "flexslider-icon"; 
    font-size: 20px; 
    display: inline-block; 
    content: '\f001'; 
    color: #FFF; 
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); 
    line-height: 40px; 
} 
.flex-direction-nav .flex-next { 
    right: -50px; 
    text-align: center; 
} 

Voici le résultat: