How can I line up product prices and title horizontally to my product pages

Tourist
4 0 1
I would like to have all the product prices lined up horizontally on the product pages. Currently, some product titles are longer than others (which I cannot change), so this alters the position of the product prices.

It seems that I should be able to somehow make the product title area a set height, which in turn would make all the product prices line up.

We're using Porto Theme.

 

Thank you for your help.

www.kidmoro.com

 
 
0 Likes
Highlighted
Shopify Partner
152 37 58
Please provide a url to your store and I can provide you with a solution.
Did I provide you with a working solution? Give me an Approved Solution!

Likes are appreciated as well :)
0 Likes
Tourist
4 0 1

Hi @shayOwensby ,

 

Thank you for your response.

Url: https://kidmoro.com/

 

Our add to cart button not in line also product list within the collection page.

 

thank you for your best help.

0 Likes
Shopify Partner
152 37 58

@cirilolemoneras 

 

Go to Online Store > Themes > Actions > Edit Code > Assets > styles.scss.liquid. Scroll to the very bottom and paste this: 

 

.details-area h2.product-name {
   height: 52px; 
}

.template-collection h2.product-name {
height: 52px;
}

 

Did I provide you with a working solution? Give me an Approved Solution!

Likes are appreciated as well :)
0 Likes
Tourist
4 0 1

@shayOwensby Thank you very much for your help.

1 Like