Why are my product images not aligned on my website?

veravi_
Tourist
16 0 2

Hi, hoping someone can assist, the products listed on my website are not aligned, is this due to the aspect ratio? Thanks. 

 

Website www.veravifashion.com

Replies 4 (4)

oscprofessional
Shopify Partner
15868 2373 3074

Hello @veravi_ 

Add this below code in component-card.css at the bottom of the file

.product-card-wrapper .card__content {
    align-items: end;
}

 

In the below screenshots, you can see an issue with the product image need to change this

 

oscprofessional_0-1709104416474.png

 

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing
veravi_
Tourist
16 0 2

Hi, 

 

thanks for your reply, do i need to delete any code or just add code to the bottom of component-card.css.

Thanks 

oscprofessional
Shopify Partner
15868 2373 3074

Just add the code

 

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing

techlyser_web
Shopify Partner
1423 268 282

Hello @veravi_ 
It happening because of different height and width of image.

techlyser_web_0-1709105393968.pngtechlyser_web_1-1709105434671.png

 

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com