Products consistent sizing - Debut theme

Solved
JonWright
Shopify Partner
727 107 312

This is an accepted solution.

Yep, your going to need to keep playing with this until it's right for all the different combos you have as it's a bit tricky to get this looking right without one thing running in to another (it's a case of getting the padding etc. right). However, for this one if you add padding-top: 15px; to price it sorts it out (see full CSS below):

 

.template-collection {
  .grid-view-item.product-card {
    min-height: 340px;
    max-height: 340px;
    margin-top: 20px;
  }
  .price.price--listing { 
    margin-top: 20px;
padding-top: 15px; top: 300px; position: absolute; } } 

  

If helpful then please Like and Accept Solution
magnitu
Excursionist
21 0 3

I am very grateful to you. Thanks for your help and time! You have done great for me.

0 Likes
JonWright
Shopify Partner
727 107 312

No problem, and good luck with Shopify & your business.

If helpful then please Like and Accept Solution
0 Likes
Binxieee
Excursionist
58 0 12

hi there. this has worked for me but what if i want the prices center instead of left aligned?

0 Likes
Andrea66
Excursionist
57 0 5

Hi,

I have the same issue on Supply theme.

Where do I put that code ?

Thanks

 

0 Likes