求助：排查产品主图左右白色边框来源，疑与Splide slider相关

• 定位边框来源
  使用浏览器开发者工具（F12）选中主图区域，重点检查以下元素的样式：

  • Splide滑块核心容器：查看.splide__track、.splide__list是否存在padding、margin或border属性
  • 单张幻灯片容器：检查.splide__slide是否有额外内边距、外边距或边框设置
  • 图片元素本身：确认<img>标签的border、padding及object-fit属性，是否因尺寸适配不足出现留白

• 针对性CSS修复
  根据定位结果，添加自定义CSS代码（可通过主题自定义CSS面板或代码编辑器插入）：

  1. 若为Splide轨道容器内边距导致：

     .splide__track {
       padding-left: 0 !important;
       padding-right: 0 !important;
     }
     

  2. 若为幻灯片容器样式问题：

     .splide__slide {
       margin: 0 !important;
       padding: 0 !important;
       border: none !important;
     }
     

  3. 若为图片适配不足导致：

     .splide__slide img {
       width: 100% !important;
       height: 100% !important;
       object-fit: cover !important;
       border: none !important;
     }
     

  4. 排查父容器样式：若主图父级div存在额外内边距，重置样式：

     .product-single__media { /* 替换为实际父容器类名，可通过开发者工具获取 */
       padding: 0 !important;
       overflow: hidden !important;
     }
     

• 验证修改效果
  插入CSS后刷新页面，检查白色边框是否消失；若问题仍存在，重新通过开发者工具排查更深层级的元素样式，可能是主题全局图片样式与Splide产生冲突。

内容的提问来源于stack exchange，提问作者user3468896