Debut Theme Product Title not lining up

Solved
jaso
Tourist
3 0 3

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.

Screen Shot 2021-01-15 at 10.17.18 am.png

 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.

 

Accepted Solutions (2)

Accepted Solutions
KetanKumar
Shopify Partner
32433 3256 10820

This is an 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;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

KetanKumar
Shopify Partner
32433 3256 10820

This is an accepted solution.

@jaso 

Great, Thanks for the update.

 

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Replies 12 (12)
KetanKumar
Shopify Partner
32433 3256 10820

@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.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
jaso
Tourist
3 0 3

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
Shopify Partner
32433 3256 10820

This is an 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;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
jaso
Tourist
3 0 3

Hi Ketan,

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

Thanks again for your suggestion.

 

Regards

Jaso

KetanKumar
Shopify Partner
32433 3256 10820

This is an accepted solution.

@jaso 

Great, Thanks for the update.

 

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Louisexox
Tourist
4 0 2

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 

 

Screen Shot 2021-07-08 at 10.58.26.png

 

Zworthkey
Shopify Partner
5581 641 1500

@Louisexox Share your site URL
Thank you

If helpful, please Like and Accept Solution. Hire Us |
if you Want to modify or Customize your theme | Whatsapp | Email us: sales@zworthkey.com
Top Rated Shopify Agency, | We have Over 200+ Happy merchants.
Build Successful Shopify Stores with GemPages
KetanKumar
Shopify Partner
32433 3256 10820

@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.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
KetanKumar
Shopify Partner
32433 3256 10820

@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;}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Louisexox
Tourist
4 0 2

THANKYOU! worked

KetanKumar
Shopify Partner
32433 3256 10820

@Louisexox 

it's my pleasure to help us

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing