슬라이드 화살표의 클릭 영역이 아이콘보다 넓습니다.

Question

내 WordPress 개발 웹사이트에는 갤러리용 슬라이드쇼 기능이 있습니다. 사진을 클릭하면 슬라이드쇼가 시작됩니다. 내 문제는 두 개의 흰색 화살표(왼쪽에 하나, 오른쪽에 하나)입니다. 화살표의 클릭 가능한 영역은 아이콘 크기보다 넓습니다. 아래 사진을 참조하세요.

클릭 가능한 영역이 아이콘보다 넓습니다

제 개발 웹사이트의 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나 다른 이미지를 사용하여 현재 텍스트 콘텐츠를 바꾸는 것을 고려해 보세요. 그러나 사용자에게 클릭할 수 있는 추가 공간을 제공하는 데에는 아무런 문제가 없습니다.