私の 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 を初めて使用します。私の質問が不適切であれば教えてください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
これは、アイコンで使用されているフォントのカーニング設定が原因である可能性が高くなります。各文字の周囲には、他の文字との衝突を防ぐためのスペースが確保されています。 18em の場合、このスペースは他の場合よりも顕著です。
このスペースを削除したい場合は、SVG または他の画像を使用して現在のテキスト コンテンツを置き換えることを検討してください。ただし、ユーザーにクリックのための余分なスペースを与えることは何も悪いことではありません。