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。产品

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

结束

相关推荐

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

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