Product Alignment and Description DEBUT THEME

marcast123
Tourist
5 0 1

Hello, 

I have been reading posts and solutions here for my store but I am unable to fix one last detail!! I fixed the product alignment with a code I found here, but now this happens (ATTACHED PHOTOS): 

 

this is the code i used to solve the photo heights and to get the descriptions in the same line. 

.product-card__image-with-placeholder-wrapper {height: 280px;}

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

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

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

 

 

BUT IF I SET MY BROWSER TO FULL SIZE, THE DESCRIPTION AND SIZES WILL HIDE UNDER THE IMAGES BECAUSE THE IMAGES KIND OF ZOOMS IN. 

 

HELP PLEASE!! 

 

Screen Shot 2021-07-28 at 4.42.25 PM.pngScreen Shot 2021-07-28 at 4.42.31 PM.png

Replies 9 (9)

ZestardTech
Shopify Expert
5393 970 1291

Hello There,

Please share your store URL and Screenshot.
So that I will check and let you know the exact solution here.

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
IttantaTech
Shopify Partner
525 55 102

@marcast123 

sorry password protect

Thanks,
Ittanta Technologies Pvt. Ltd. | Shopify Expert
If reply is helpful, please Like and Accept Solution.
To hire us, contact us at info@ittanta.com
Kinjaldavra
Shopify Partner
2302 570 1422

hello @marcast123 

Please provide website url and if your store is password protected then also provide password So I will check and provide a solution here.

marcast123
Tourist
5 0 1
IttantaTech
Shopify Partner
525 55 102

@marcast123 

can you please share issue image

Thanks,
Ittanta Technologies Pvt. Ltd. | Shopify Expert
If reply is helpful, please Like and Accept Solution.
To hire us, contact us at info@ittanta.com
marcast123
Tourist
5 0 1

Products are not aligned. I tried a code I found but it didn't work. I also tried going photo by photo to try and get them all to the same size but that didn't work either!! 

Please help! 

 

 

 

Screen Shot 2021-08-09 at 12.22.47 PM.jpg

marcast123
Tourist
5 0 1

IttantaTech
Shopify Partner
525 55 102

@marcast123 

store url please

Thanks,
Ittanta Technologies Pvt. Ltd. | Shopify Expert
If reply is helpful, please Like and Accept Solution.
To hire us, contact us at info@ittanta.com