You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

WordPress幻灯片箭头可点击区域大于图标问题求助

解决图片画廊幻灯片箭头可点击区域过大的问题

你的问题是由于gallery-lightbox-slider插件里photobox样式的左右箭头按钮默认设置了过大的可点击区域(比如过宽的内边距、固定宽高)导致的。可以通过修改以下CSS来让点击区域贴合箭头图标:

  1. 定位到对应按钮的CSS选择器:.pbPrevious(左箭头)和.pbNext(右箭头)
  2. 添加或覆盖以下样式:
.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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.16 16:22:39