css - 制作没有图像的 Woocommerce 产品子类别小盒子

标签 css wordpress woocommerce

我从事小型家庭元素,并从类别/子类别中删除图像以显示在商店页面中。我将 block 更正为较小的 shop page ,但是当转到具有子类别的类别时, block 内的子类别比其他 block 大得多。所以我希望所有 block 的大小都相同。例如进入商店页面:

enter image description here

并进入 subcategory page :

enter image description here

我试图通过这个 CSS 来解决这个问题:

.fusion-blog-layout-grid .post .fusion-post-wrapper, .fusion-blog-layout-timeline .post, .fusion-portfolio.fusion-portfolio-boxed .fusion-portfolio-content-wrapper, .products li.product {
height:120px;
}

但会缩小所有 block ,包括产品。那么任何提示如何解决这个问题?

最佳答案

改变你的样式 css 如下 -

.fusion-blog-layout-grid .post .fusion-post-wrapper, .fusion-blog-layout-timeline .post, .fusion-portfolio.fusion-portfolio-boxed .fusion-portfolio-content-wrapper, .products li.product-category.product {
height:120px;
}

关于css - 制作没有图像的 Woocommerce 产品子类别小盒子,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56893790/

相关文章:

css - 造型 WordPress 循环问题

javascript - 加载时缩放/缩放页面以供用户查看我的 WordPress 网站图片

php - 将 WooCommerce 订单总量保存为 Shipstation 的自定义字段

php - Wordpress-Woocommerce

css - 在怪癖模式下无法正常工作的所有内容的列表?

php - Bootstrap - 对齐问题

jquery - 使用 CSS jQuery 嵌套组表行

html - 面对 IE8 和 Firefox 复选框文本的对齐问题

下拉列表悬停时的 Html 输入表单样式

php - WooCommerce - 添加到购物车没有变体 ID