How to fix uneven product cards?

Solved
Highlighted
Tourist
11 1 3

steven0_0-1595453653940.png

I don't know why for some products there is a blank gap and you can see the page background through it? How can I fix this within the theme's code?

Thank you in advance for your time.

My store is worker4nerf.myshopify.com and it uses Shopify's Venture theme.

The password is "twaota" (The last time I checked)

If you need any info from me, I would be happy to provide it.

1 Like
Highlighted
Shopify Partner
7512 1037 2603

Hello, @steven0 

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.template-collection .grid.grid--no-gutters.grid--uniform {
display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.product-card {
height: 100%;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like
Highlighted
Tourist
11 1 3

This indeed fixes the pages where all products are listed. What about the "Featured products" or "Recommended products" sections at the bottom of a page? Here is an example of what I am talking about. It's still uneven here. (This is shown at the bottom of most pages)

steven0_0-1595520402523.png

 

1 Like
Highlighted
Shopify Partner
7512 1037 2603

This is an accepted solution.

@steven0 

Thanks can you please remove preview code and add below one 

 .grid {
display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.product-card {
height: 100%;
}
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like