How to align price tags in collections on Dawn?

Store Design
1

Is there some way to align all price tags in collections on Dawn? You’ll see that by going on my site that there’s some products with longer titles. Some prodcuts have a 3 row long title and some products only have a title that’s 1 row long.

That results in the price tag being misplaced. Sometimes a bit higher or lower, depending on the products you’re comparing.

Is there some way to add some space or anything that helps me avoid that?

My site: https://lhrn4x5dc5v6xk9n-57645498523.shopifypreview.com

2

@GG9 ,

Can you share the screenshot…

3

Hi @GG9
Happy to help you with this issue
Please follow below steps

  • Step 1: Go to your Themes page. Navigate to Online Store > Themes. …
  • Step 2: Click Edit code. In the Actions dropdown menu, click on Edit code to get to the code editor.
  • Step 3: Find the Assets folder for CSS files and edit the base.css file.
    Add the below style to the base.css file at the end
.card__information>.card__heading.h5 {
    min-height: 52px !important;
}

@media only screen and (max-width: 767px){
.card__information>.card__heading.h5 {
    min-height: 65px !important;
}
}​