Align prices

Highlighted
New Member
4 0 0

The prices on my homepage, collection pages etc are not aligned at all.

If you look at my page here https://www.lovingbling.com you can see that they are all over the place. This happens because titles of some products are longer.

Anyone know how to fix this so they are aligned perfectly even if a title is longer than the other?

I'm using theme supply.

0 Likes
Highlighted
Shopify Expert
2684 67 778

Hi, 

you may try the following: 

make a backup copy of the theme by clicking the 3-dot button by the theme name and selecting Duplicate. Then, open the theme.js.liquid  Asset, find this code at the line 413:

    timber.cache.$productGridImages.css('height', 'auto').equalHeights();

and insert this line right below:

    $('.product-grid-image~p').css('height', 'auto').equalHeights();

First line makes you product images the same height, the added line will also make all you product titles the same height.

Want to hire me to tweak a theme? Mail me at tairli@yahoo.com!
My post solved your problem? Like it!
I am away till Feb-15.
2 Likes
Highlighted
New Member
4 0 0

It worked! Thank you so much! Really appreciate the help.

0 Likes
Highlighted
New Member
2 0 1

This isn't working for the Debut theme, unfortunately.

Any suggestions on how to get this to work - especially making the product images the same height?

0 Likes
Highlighted
New Member
1 0 0

Really helped out a lot ! Thanks ! Was really looking out for a solution for this on the web for a at least two days and finally found a solution.  

0 Likes