custom css for specific product page

  • Unknown's avatar
    brightdsgn · Member ·

    Hey guys,

    I would like to hide the products on a specific product page (woo commerce) The background is that we want to fill this page with content and not with products – but if no products appear there, the product page disappears as well.

    So my idea was to create a placeholder product and say via custom css to the specific product page: Hide all products/product previews.

    My attempt was this one:
    .postid-9910 .product-grid-item {
    display: none;
    }
    Unfortunately, nothing happens. Does anyone have any idea what I am doing wrong? Here is the website:
    https://mb-zwo.de/produkt-kategorie/massivholztische/

    Thanks!

    The blog I need help with is: (visible only to logged in users)

  • bizanimesh · Staff ·

    Hi there,

    You can use this CSS:

    .term-545 .shop-loop-head, .term-545 .products, .term-545 .products-footer {
    display: none;
}

    To clear up any confusion, WordPress.com and WordPress.org are two different entities: https://wordpress.com/support/com-vs-org

    For the self-hosted website, WordPress.org forums are the best.

    To get help at the WordPress.org forums, please visit here: https://wordpress.org/support/forums 🙂

  • The topic ‘custom css for specific product page’ is closed to new replies.