Use fontawesome for slide arrows

Yes, it is possible by adding the font awesome icon through CSS

Hi @yanex,
Thank you for getting back to me ??

Any chance of an example please?

Appreciate the help!

Kind regards,
JP

Can you provide me a link on your site where MetaSlider is embedded and I’ll try to provide you with the custom CSS code.

Hi @yanex,
That would be amazing, thank you!

Here’s my website: https://comicbookshop.co.nz/

The top slider is a product slider that uses the fontawesome arrows I’d like to use with MetaSlider.

The next slider (Subscriptions / Comic Book Supplies etc), is the MetaSlider slider.
I managed to use some custom arrows, but can’t work out how to use fontawesome icons instead of a background image.

Thanks for your help!

Kind regards,
JP

Thank you for providing the link. Please use the following CSS code.

#metaslider-id-53985.metaslider a.flex-prev,
#metaslider-id-53985.metaslider a.flex-next {
    width: 20px !important;
    height: 48px !important;
    background: none !important
}
#metaslider-id-53985.metaslider a.flex-prev:before,
#metaslider-id-53985.metaslider a.flex-next:after {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    display: block;
    font-size: 30px;
    text-indent: 0;
    color: #fff;
}
#metaslider-id-53985.metaslider a.flex-prev:before { content: '\f053'; }
#metaslider-id-53985.metaslider a.flex-next:after { content: '\f054'; }

@yanex,
Amazing, thank you so much!

Kind regards,
JP