Kawasan klik anak panah slaid lebih luas daripada ikon

Question

Di tapak web pembangunan WordPress saya, saya mempunyai ciri tayangan slaid untuk galeri. Apabila anda mengklik pada imej, ia memulakan tayangan slaid. Masalah saya ialah dua anak panah putih saya, satu di sebelah kiri dan satu di sebelah kanan. Kawasan anak panah yang boleh diklik adalah lebih luas daripada saiz ikon. Lihat gambar di bawah.

Kawasan boleh klik adalah lebih luas daripada ikon

Ini adalah URL laman web pembangunan saya

Saya cuba memasukkan kod saya dalam soalan ini tetapi saya diberitahu "Soalan anda nampaknya spam".

Fail CSS ialah “https://dev.francisbegin.ca/wp-content/plugins/gallery-lightbox-slider/css/photobox/photobox.css?ver=1.0.0.39”

HTML yang dimainkan berada di bahagian bawah, sebelum badan ditutup. ID bagi div yang mengandungi ialah "pbOverlay".

Sebarang bantuan amat kami hargai. Saya baru menggunakan stackoverflow, sila beritahu saya jika soalan saya tidak sesuai.

Answer 1

Ini berkemungkinan besar disebabkan oleh tetapan kerning fon yang digunakan untuk ikon. Setiap watak mempunyai ruang di sekelilingnya untuk mengelakkannya daripada bertembung dengan watak lain. Dalam kes 18em, ruang ini lebih jelas berbanding dalam kes lain.

Jika anda ingin menghapuskan ruang ini, anda boleh mempertimbangkan untuk menggunakan SVG atau imej lain untuk menggantikan kandungan teks semasa. Walau bagaimanapun, tidak ada salahnya memberi pengguna ruang tambahan untuk mengklik.