WordPress幻灯片箭头可点击区域大于图标问题求助
解决图片画廊幻灯片箭头可点击区域过大的问题
你的问题是由于gallery-lightbox-slider插件里photobox样式的左右箭头按钮默认设置了过大的可点击区域(比如过宽的内边距、固定宽高)导致的。可以通过修改以下CSS来让点击区域贴合箭头图标:
- 定位到对应按钮的CSS选择器:
.pbPrevious(左箭头)和.pbNext(右箭头) - 添加或覆盖以下样式:
.pbPrevious, .pbNext { /* 调整内边距,让点击区域贴近箭头 */ padding: 8px 12px; /* 取消固定宽高,让元素尺寸由内容+内边距决定 */ width: auto; height: auto; /* 确保背景图标居中显示 */ background-position: center; background-size: 100% auto; }
如何添加这段CSS:
- 登录WordPress后台,进入「外观」->「自定义」->「额外CSS」
- 将上述代码粘贴到输入框中,保存即可生效
如果调整后还是有问题,可以根据箭头图标的实际大小微调padding数值,直到点击区域和图标完全匹配。
内容的提问来源于stack exchange,提问作者Francis Bégin
相关产品推荐
相关产品推荐

