Css-更改Storefront/WooCommerce产品类别的高度，但不更改产品

时间：2017-11-24 作者：Dayley

我的主页显示了产品和类别。我的店铺页面仅显示类别。

如果我更改了店铺页面类别的高度，它也会更改整个产品的高度。

我可以自己在主页上设置类别高度，因为我已经将它们放在一个div中，并从CSS中调用它。然而，我无法为WooCommerce商店做到这一点，因为它们会自动弹出到商店页面。

以下是我试图仅为商店页面更改的CSS：

.page-id-6602 .storefront ul.products li.product,
.post-6602 .storefront ul.products li.product,
.page-id-6602 ul.products li.product,
.post-6602 ul.products li.product,
.page-id-6602 .site-main ul.products li.product
.post-6602 .site-main ul.products li.product {
    height: 275px !important;
    min-height: 275px;
    max-height: 275px;
}
但它始终从我的产品高度抓住了这一点：

ul.products li.products {
height: 500px;
}
有什么想法吗？？非常感谢。

网站主页：thailandpoolshop.com

网站店铺页面：thailandpoolshop.com/shop

1 个回复
最合适的回答,由SO网友:Taj Khan 整理而成

我想你有。第id-6602页。所以你应该像这样使用选择器。第id-6602页。店面ul。产品li。产品

而不是第id-6602页。店面ul。产品li。产品

此外，我无法访问商店页面，请检查。

结束
标签： posts   categories   pages   css   html   小码农  

相关推荐

类css(可选)--如何在php中引用它？

我读过一篇关于如何将类应用于锚点而不是使用nav_menu_link_attributes 还有一个步行者。但是，它们都没有实现菜单中要在锚上使用的自定义类选项。允许用户添加自己的类似乎是一个不错的特性，但是，如果我想将该类应用于主题中的特定孤立元素，该怎么办？我试过了，但没有看到它在哪里记录了这个数据值返回的内容？如何引用此可选数据？我的项目使用anchor class属性滚动到页面的部分。