css - WooCommerce 产品间距

标签 css wordpress

我只是想减少店面中的产品间距。我正在使用一个子主题并尝试从这里和那里添加 css 到子主题 style.css 但没有任何效果。

(Screenshot: Spacing Problem)

谁能帮我调整这个产品间距。尽管调整了缩略图的大小,但填充还是太宽了。

请帮忙!

最佳答案

尝试添加这段代码:

.storefront-full-width-content .site-main .columns-3 ul.products li.product {
    width: 20%!important;
}

关于css - WooCommerce 产品间距,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47247543/

相关文章:

jquery - 将按钮放置在图像悬停上

javascript - 单击更改表格行的背景颜色

html - 背景图像和 Bootstrap 3 的问题

php - MySQL 首先显示最接近的匹配

php - 如何跳过 WordPress 中的第一篇文章?

CSS 显示 : table or display:table-cell img in safari and internt explorer

html - 用显示 :table-cell 填充可用空间

php - WordPress 从回调函数中获取 Post Meta

mysql - Wordpress:从特定类别的帖子生成标签数组

php - 对于 wordpress,是否有类似 current_user_can 的语句,如果用户没有特定访问权限则显示一些内容?