Product, Product Description, Price and Add to cart alignment

mzleanne
Tourist
3 0 2

Hi,

My alignment is all off in collections. 

https://www.lebeautyaffair.com.au/collections/all

Password: beglia

Can someone please help alignment product images, description, price and add to cart. ALSO, the spacing between add to cart and next product.

Please and thank you.

KetanKumar
Shopify Partner
20578 2130 7791

@mzleanne 

sorry for that issue can you please try 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.product-card {margin-bottom: 0;}
.product-card + form {margin-bottom: 30px;}
.grid-view-item__image-wrapper {max-width: 100% !important;}
.grid-view-item__image-wrapper div {padding-top: 100% !important;}
.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
0 Likes
mzleanne
Tourist
3 0 2

Thank you,

i have tried that code its better but still not quite right. can you please take a look at my store again and find another solution?
thank you

KetanKumar
Shopify Partner
20578 2130 7791

@mzleanne 

can you please add this code

.grid-view-item__image {
height: 100%;
    object-fit: contain;
}
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
mzleanne
Tourist
3 0 2

Hi KetanKumar, 

Thank you for the additional code.

It has helped but still not quite aligned, the top products appear better but as you scroll down the page and go to the next pages you can see its still not quite right.

0 Likes