Change arrow icons?

[tou0125]

Hi,

How can I change the prev and next arrow icons?

I tried:

template:{ prevTpl' <button type="button"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-left"><line x1="19" y1="12" x2="5" y2="12"></line><polyline points="12 19 5 12 12 5"></polyline></svg></button>', nextTpl: ''<button type="button"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-right"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg></button>', },

This didn't work for me, so I changed my local copy of the fancybox.umd.js file for now.

Thanks!

[fancyapps]

Hi,

Looks like you have syntax error here - prevTpl' <button - missing :

[Pixelous]

@piasm take a look at #131