スライド矢印のクリック領域がアイコンより広い

Question

私の WordPress 開発 Web サイトには、ギャラリー用のスライドショー機能があります。画像をクリックするとスライドショーが始まります。私の問題は、左側と右側の 2 つの白い矢印です。矢印のクリック可能領域はアイコンのサイズよりも広いです。以下の写真をご覧ください。

クリック可能な領域はアイコンより広いです

これは私の開発 Web サイトの URL です

この質問に自分のコードを含めようとしましたが、「あなたの質問はスパムのようです」と言われました。

CSS ファイルは「https://dev.francisbegin.ca/wp-content/plugins/gallery-lightbox-slider/css/photobox/photobox.css?ver=1.0.0.39」です。

再生される HTML は、本体を閉じる前の下部にあります。含まれる div の ID は「pbOverlay」です。

ご協力いただければ幸いです。私は stackoverflow を初めて使用します。私の質問が不適切であれば教えてください。

Answer 1

これは、アイコンで使用されているフォントのカーニング設定が原因である可能性が高くなります。各文字の周囲には、他の文字との衝突を防ぐためのスペースが確保されています。 18em の場合、このスペースは他の場合よりも顕著です。

このスペースを削除したい場合は、SVG または他の画像を使用して現在のテキスト コンテンツを置き換えることを検討してください。ただし、ユーザーにクリックのための余分なスペースを与えることは何も悪いことではありません。