On my product homepage’s product grid, I use custom CSS to set the horizontal and vertical gap between product cards to zero. However, this creates the issue of two neighbouring borders overlapping magnifying the thickness of a shared border. (see first picture) [Screenshot 2024-05-03 at 04.22.09…

Hello, Hope you are doing well. I am San from MS Web Designer. Kindly share the storer URL so that we can assist you. Do let me know in case of any concerns. Regards, San

Product Grid with 0 Product Card Gap - Border Overlap Issue

Store Design

BSSCommerce-HDL May 4, 2024, 3:05am 3

Hi Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution if possible.

Topic		Replies	Views
Product collection cards wont overlap boarders Store Design customizations , collection-page , css , product-page	4	59	August 1, 2024
How to get product grid item to be directly touching eachother like this? Store Design design , customizations , css , product-page	7	62	January 10, 2024
How to arrange bordered items next to each other Store Design design	13	137	March 12, 2025
Adding border to product images in collection page Store Design design , customizations , collection-page , css , html	3	51	April 13, 2024
How can I eliminate spacing between product cards? Store Design collection-page	2	97	August 22, 2023

Product Grid with 0 Product Card Gap - Border Overlap Issue

Related topics