使用CSS为单个产品的页面禁用WooCommerce的Storefront主题的整个标题？

Question

我试过像.page-id-1122 #different-elements-i-saw-in-chrome-inspector-here { display: none; }那样没有运气。

谁能告诉我怎么做到这一点？提前谢谢。

Answer 1

只需获取您的标题ID并转到您的样式css，添加此代码

body.product-template-default.single.single-product.woocommerce.woocommerce-page.customize-support .header-area {     display：none; }

这里.header-area将是你的标题类/ id。

Answer 2

试试这个：

.page-id-1122 #different-elements-i-saw-in-chrome-inspector-here { display: none !important; visibility: hidden !important; }