Debut Theme Product Title not lining up

[jaso]

Hello Community,

I am having problems Displaying my products on the Debut theme. The Titles for each individual products are not lining up.

I have made sure the Products Pictures are scaled all the same size. Please notice the problem.

 The two products that are aligned was uploaded on the same day . But when I tried to upload other products then its all misaligned.

Appreciate any new suggestions.

[KetanKumar]

@jaso 

Sorry for facing this issue, it's my pleasure to help us.

Also,

Welcome to the Shopify community!
and Thanks for your Good question.

Please share your site URL,
So I will check and provide a solution here.

[jaso]

Hello there,

My website is www.comfyspecs.com.au

The images size are scale to 1198x539

I am not sure why the title lines are not aligned.

Thanks again

Jason Chan

[KetanKumar · Accepted solution]

@jaso 

Thanks for all details 

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.grid-view-item__image-wrapper div {
    padding-top: 50% !important;
}

[jaso]

Hi Ketan,

I rescaled the image to be the same and it is now working.

Thanks again for your suggestion.

Regards

Jaso

[KetanKumar · Accepted solution]

@jaso 

Great, Thanks for the update.

[Louisexox]

hi I've tried this method with mine but nothing seems to work could I have help please?

sorry for posting on someone else post!

I've even tried resizing all my images and still nothing!

driving me crazy 

[Zworthkey]

@Louisexox Share your site URL
Thank you

[KetanKumar]

@Louisexox 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!😊
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

[Louisexox]

https://bluemoonfragrances.co.uk/?key=a957694661700b860c58bee65dd227008d1036808b514a2a8eea73b6e3df83...

[KetanKumar]

@Louisexox 

thanks for the store URL please add this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.
this code apply for after 5 - 6 second

.grid-view-item__image-wrapper {max-width: 100% !important;}
.grid-view-item__image-wrapper .grid-view-item__image {max-width: 100% !important; max-height: 100% !important;}

[Louisexox]

THANKYOU! worked

[KetanKumar]

@Louisexox 

it's my pleasure to help us