How can I align product card content in Dawn theme?

Hello

I am using the Dawn 4.0 theme.

How can i adjust the grey boxes (as highlighted with the black circle in the 1st image) where the Product Title + Price appears, so that all of them are equal, and all the buttons below are aligned horizontally?

Thank you

Cheers

Gov

2 Likes

@Gov75

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

@Gov75

Please share your store URL!

Thanks!

https://xpdxvjp51jvfnmd5-50463604895.shopifypreview.com

1 Like

@Gov75

thanks for url can you try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/base.css ->paste below code at the bottom of the file.
h3.card__heading.h5 { height: 35px;}

After code View

1 Like

Thank you so much for your help.

Its strange that this worked for all products, except one the BRU COFFEE, and its strange because there are other products that have longer product titles than this one. Any idea why?

And also this seems to break when the window is resized for some products at a certain browser window size. Is there a way to make the height dynamically calculated to the tallest one in the row?

Hi Ketan.

This is great, but it seems to fail for a certain products, and when we resize.

1 Like

@Gov75

yes, please share this collection url

https://r5s6hm7qpj7w77v5-50463604895.shopifypreview.com

Under Beverages → Tea & Coffee

1 Like

@Gov75

This preview link has expired
Please contact the store owner for a new link.

https://j0t0ya1eukveem8v-50463604895.shopifypreview.com