Hi. I would like to achieve to have the price on the same line level on every product, is there any way to fix that? Thanks
Topic summary
A user is seeking help to align product prices at the same horizontal level across all products in their store using the Dawn theme.
Current Issue:
- Product prices appear at different vertical positions
- Creates visual inconsistency in product displays
Context:
- Using Shopify’s Dawn theme
- Tagged as a CSS-related question
- An image was provided showing the alignment problem
Status: The question remains unanswered with no solutions or suggestions provided yet.
Try to add this code at the end of base.css file in assets folder of your theme
.product-card-new--wrapper .card__heading {
min-height: 35px;
}
To explain: prices are not aligned because the first product has a bit longer name and it goes to two rows. The code make space even for title and by that prices too. If you get some very product names that go to 3 rows, increase the value.
1 Like
That code does not work always, there is a better solution:
.card__information {
height: 100%;
}
.card-information {
margin-top: auto;
}
Currently:
With my code:
2 Likes
It is much better solution, covers all possible widths. Nice one @tim_1
@voodoowww123 do use this one and mark it as real solution.
1 Like
Thank you so much for the help @tim_1 @Laza_Binaery . I’m really glad the Shopify Community has so many good people always ready to lend a hand. Thanks!
2 Likes