Remove add to card button from product grid only

Hello WoodMart Support Team,

I would like to customize my shop layout and need help with two things in the product grid / shop page:

1. How can I remove the border/frame around each product in the product grid?
(Only around the products on shop/category/archive pages)

2. How can I remove the “Add to Cart” button only from the product grid?
I would like the button hidden on shop/category pages, but still visible on the single product page.

I am using the latest WoodMart theme version.

Could you please tell me the best way to do this in WoodMart settings or with custom CSS/PHP if needed?

Thank you very much for your support.

Hello,

01. Navigate to Theme Settings > Product Archive > Products Loop and disable the option “Products border”.

02. Try to add the following custom css code in Theme Settings > Custom CSS:

.product-grid-item .wd-add-btn {
    display: none !important;
}

Best Regards

Hello,

Thank you for your reply.

Unfortunately, the suggested changes did not solve the issue.

1. I disabled **Products border** in
Theme Settings > Product Archive > Products Loop

2. I also added the custom CSS code in
Theme Settings > Custom CSS:

`css
.product-grid-item .wd-add-btn {
display: none !important;
}
`

However:

* The product border/frame is still visible
* The Add to Cart button is still showing on the product grid

Could you please check if there is another setting, a specific product hover style, or another CSS selector I need to use for my current WoodMart demo/layout?

Thank you very much for your support.
Best regards

Attachments:

You must be logged in to view attached files.

Hello,

Sorry to hear about the inconvenience. Kindly, please share your Site WP-ADMIN Login details in the Private Content field so that we can check this concern on your Site and help you out accordingly.

Best Regards

[Author]

Posts