html - 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;

}

使用此代码后，我缩小了所有产品，但从那时起，边距出现问题， slider 过渡出现问题

Answer 1

试试这个:

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

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