La zone de clic de la flèche du curseur est plus large que l'icône

Question

Sur mon site de développement WordPress, j'ai une fonctionnalité de diaporama pour les galeries. Lorsque vous cliquez sur une image, un diaporama démarre. Mon problème ce sont mes deux flèches blanches, une à gauche et une à droite. La zone cliquable de la flèche est plus large que la taille de l'icône. Voir les photos ci-dessous.

La zone cliquable est plus large que l'icône

Voici l'URL de mon site de développement

J'ai essayé d'inclure mon code dans cette question mais on m'a dit "Votre question semble être du spam".

Le fichier CSS est « https://dev.francisbegin.ca/wp-content/plugins/gallery-lightbox-slider/css/photobox/photobox.css?ver=1.0.0.39 »

Le HTML joué est en bas, avant la fermeture du corps. L'ID du div contenant est "pbOverlay".

Toute aide serait grandement appréciée. Je suis nouveau sur stackoverflow, dites-moi si ma question est inappropriée.

Answer 1

Cela est probablement dû aux paramètres de crénage de la police utilisée pour l'icône. Chaque personnage dispose d'un espace autour de lui pour éviter qu'il n'entre en collision avec d'autres personnages. Dans le cas du 18em, cet espace est plus évident que dans les autres cas.

Si vous souhaitez éliminer cet espace, vous pouvez envisager d'utiliser SVG ou d'autres images pour remplacer le contenu textuel actuel. Cependant, il n’y a rien de mal à donner aux utilisateurs un espace supplémentaire pour cliquer.