简体   繁体   English

Woocommerce 产品图库 Slider 不工作

[英]Woocommerce Product Gallery Slider not working

I am using a plugin (Advanced Woocommerce Product Gallery Slider ) to create a sliding gallery of images on my product page - however the spacings between the thumbnails is too large, and the main image has a wide space before the scrolling arrow我正在使用插件(Advanced Woocommerce Product Gallery Slider)在我的产品页面上创建一个滑动图片库 - 但是缩略图之间的间距太大,并且主图片在滚动箭头之前有很宽的空间

Link to website in question 链接到有问题的网站

I have tried adjusting the size of the single product image of WooCommerce, as well as the width of the gallery in the plugin gallery settings but cannot fix the problem我试过调整WooCommerce单品图片的大小,以及插件图库设置中的图库宽度,都无法解决问题

padding between the thumbnails origin is:缩略图原点之间的填充是:

ul.products li.product {
    padding: 0 15px;
    margin: 30px 0 0;
    position: relative;
}

padding at the top of the content origin is:内容来源顶部的填充是:

.page_content:not(:empty), .tribe-events-pg-template {
    padding: 76px 0;
}

It looks like you will have to do a woocommerce override for the first css. and The second is in a layout.css file to edit.看起来您必须为第一个 css 执行 woocommerce 覆盖。第二个在 layout.css 文件中进行编辑。

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM