T woocommerce特色产品无法调整产品容器的大小

Question

我使用了在主页上显示三个特色产品的模板。我想展示其中的五个(不是三个)。我修改了CSS以缩小特色产品框的宽度，但由于某种原因，它无法显示五个特色产品。有没有办法展示特色产品的5个元素？

这就是我现在所拥有的：

​

​

这就是我想要实现的：

​

​

这是我用来增加特色产品宽度的CSS：

.product-block{
width: 166px !important;
}

编辑1：

我得到了只显示3个特色产品的模板(请查看下面的图像)

​

​

我想要实现的是展示5个特色产品！为此，我添加了以下代码来缩小产品框的宽度：

#featured-carousel > div.slider-wrapper-outer > div > li {
width: 186px !important;

}

使用此代码后，我缩小了所有产品，但从那时起，页边距出现了错误，滑块转换也出现了错误

Answer 1

试试这个：

.product-block img{max-width:100%;height:auto;}

我们在这里做的是告诉图像获取容器的完整宽度。