Product Grid in Collection Page

[Wellanie]

How can I keep the same Product Grid size regardless of the Product Title length, and whether or not it has variants? I’m using Empire Theme.

Thanks!

[Wellanie]

Hi, where should I start?

[devcoders]

Hi @Wellanie

Welcome to the Shopify Community! Please share your store URL and password (if it’s password-protected), so I can check and provide you with the exact solution.

[suyash1]

@Wellanie can you please share your website link?

[tim_1]

The product grid looks pretty regular if you still talking about this site:
What you want to align, or?

[Wellanie]

this one

Lounge

[Wellanie]

Lounge

[Wellanie]

My bad, actually not the product grid, but how the “add to quote” button is aligned

[Wellanie]

there are also these variants options and dates that I want to remove.

[suyash1]

@Wellanie please add this css to the very end of your theme.css file and check

shopify admin->online store->themes->edit theme code->assets->theme.css

.productitem--title {min-height: 50px;}
.template-collection select#rfq-variant-selector{display:none;}

[tim_1]

I can’t see dates, but for other issues I’d go to Customize=> Theme Settings and paste this code into “Custom CSS”:

.productitem {
  display: flex;
  flex-direction: column;
}

.productitem > button {
  margin-top: auto;
}

.productitem > select { 
  display: none;
}

But can go to your stylesheet – assets/theme.css, paste at very bottom.

[Wellanie]

@tim_1

.productitem {
  display: flex;
  flex-direction: column;
}

.productitem > button {
  margin-top: auto;
}

.productitem > select { 
  display: none;
}

This is the easiest! thanks!