Hello,
I am using the posts slider on my homepage from the visual composer plugin.
For the slider type, I am using the flex slider slide.
I would like to customize the arrows for this slider, and make them thiner.
Could you please let me know how I can do that?
Thank you.
Best regards,
Yousra
Hello,
Unfortuantly since that is a font icon, you cannot make it thinner but you can change it;s size. please use this code:
.flex-direction-nav a:before{
font-size:30px!important;
}
Thank you!
Thank you for your reply.
Reducing the font-size makes some other characters appear near the arrows…
Can I change the text then on the plugin files to another arrow text that looks thiner?
If yes, please let me know where I can make this change.
Thanks!
Best regards,
Yousra
Hi,
The characters you see are the text next and prev that visual composer adds. If you make them even smaller the text should be readable. You can try to choose another font icon using the font awesome 4 menus plugin and choosing different icons from their repository: https://astronautweb.co/snippet/font-awesome/
Then you can change the “content” code for the buttons by using this css:
.flex-direction-nav .flex-prev:before{
font-family:fontawesome!important;
content: '\f001'!important;
}
.flex-direction-nav .flex-next:before{
font-family:fontawesome!important;
content: '\f001'!important;
}
Thank you!
