Boxes of Products on shop page

Hi there,

Not sure if I fully understand.

Are you referring to adding borders around each product?

If so try this CSS:

.woocommerce ul.products li.product {
    border: 1px solid #000;
    background-color: #ffffff;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

Let me know :)

border around image+name+price+button I want to make each product enclose in a box with a light gray border and white background.

Kindly check screenshot, i want to make a box like this

Try my CSS above:
https://generatepress.com/forums/topic/boxes-of-products-on-shop-page/#post-1827864

yes, i tried, but not working, kindly check the screenshot. i want to make this

Can you add my CSS first so I can see the issue?

oh wow, nice. some space between button and box border is required. i mean space below the button. currently, it is attached with border. Thanks

Have you resolved this?

The topic is marked as resolved and I no longer see the link to your site.

Let me know :)