Is there any way to make the price always have the same height in the Dawn Theme?

Store Design
, , ,

Topic summary

A user encountered inconsistent vertical alignment of product prices in the Dawn theme, creating an uneven appearance on their store.

Solutions Provided:

  • ThePrimeWeb suggested adding CSS code below the <head> tag in theme.liquid to standardize price positioning (included screenshot reference)

  • PageFly-Henry offered an alternative approach:

    1. Navigate to Online Store → Theme → Edit code
    2. Locate the base.css file
    3. Add CSS targeting .full-unstyled-link with min-height: 100px !important at the bottom

Outcome:

The original poster confirmed the solution worked perfectly, resolving the alignment issue. Both approaches use CSS to enforce consistent minimum heights for price elements.

Summarized with AI on November 10. AI used: claude-sonnet-4-5-20250929.
1

Is there any way to set the position of the items prices at the same height? A lot of time the position varies and it looks unpleasant, here is an example my store url is bellezinho.com.br

matdantas_0-1713193699035.png
matdantas_0-1713193699035.png1231Ă—490 237 KB

2

Hey @matdantas ,

Go to your theme’s “Edit Code” Option, then in the search bar type “theme.liquid”
Below the tag “” tag paste the following. Screenshot attached for reference.

Screenshot is for reference only, the correct code to paste is the one shown above.

ThePrimeWeb_0-1713194115353.jpeg
ThePrimeWeb_0-1713194115353.jpeg1253Ă—933 87.9 KB

2 Likes
3

Hi @matdantas

This is Henry from PageFly - Landing Page Builder App

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file → Save

.full-unstyled-link {

min-height: 100px !important;

}

Hope that my solution works for you.

Best regards,

Henry | PageFly

4

It worked perfectly, thank you so much!