Dawn template: aligning prices to the same line

Topic summary

Aligning product prices on the Shopify Dawn homepage collection grid. The homepage collection showed misaligned price rows because product cards had varying text heights (different numbers of title/description lines). A screenshot was shared for context.

Initial suggestions requested the store URL (mypearlies.co.uk) and proposed standardizing the number of text rows. The effective fix was a CSS adjustment targeting the product card heading to enforce a consistent height.

Implementation: Online Store → Theme → Edit code → base.css, then add at the bottom: .card__heading { height: 70px !important; }. This equalizes card heading height so prices align on the same horizontal line across products.

Outcome: The store owner confirmed the solution worked immediately. Another user later reported it still works in 2023. No further issues or open questions were raised; the thread is resolved.

Summarized with AI on January 12. AI used: gpt-5.

Can anyone help me align all the prices on the front page of my website?

I have chosen to display them as a collection on the homepage because it was the easiest way to control in which order they were displayed. The first two products are aligned simply because they have three rows of copy.

coltib

@pearlies Please send me store url.

Hello, Based on the concept of your request, the very issue is not a technical one as it is due to some in-balance in the product description. Looking into the file sent above, you will see the first two product has the same number of row while the others have a lesser row. Focus on having the same number of row then with that, you will have the prices aligned on a single row

Hi @pearlies ,

Kindly share your store url

coltib

Hi @pearlies

I’m Richard Nguyen from PageFly- Free Landing Page Builder

You can try with this code.

Follow this:

Go to Online Store->Theme->Edit code->base.css->paste bellow code in bottom of file

.card__heading {

height: 70px !important;

}

If you feel my answer is helpful, like it or mark it as a solution. Let me know if you have any questions.

Best regards,

Richard | PageFly

2 Likes

Richard, you are an absolute legend!

That has done it! Thank you mate.

1 Like

ur amazing worked in 2023