Return to previous page

Productimages have same height/ratio but not alligned nicely in Edge

This topic has 7 replies, 2 voices, and was last updated 2 years, 10 months ago ago by Martine

Martine

Participant

December 28, 2021 at 09:23

Hi!

See screenshot https://www.loom.com/i/5ed7ed6eac2f4ba19887aeab314ca422

This is on the homepage of http://www.diamondflame.nl in the browser Edge. The product images in the product slider have the same height/ratio but they are not aligned nicely. In other browsers and on productpages they are aligned nicely. Is there anything that can be done about it?

Please, contact administrator
for this information.

#313203 Copied Theme version: 8.0.10 WooCommerce version: 5.6.0

6 Answers

Olga Barlow

Support staff

December 28, 2021 at 17:33

Hello,

Go to Theme Options > Speed Optimization > enable old browser support. Check if you still have the mentioned issue after that.

Regards

#313249 Copied

Martine

Participant

December 30, 2021 at 10:43

Hi!
See screenshot. Enabled old browser support but issue still occurs in Edge.

https://www.loom.com/i/109561cbd6be450d8d832e4b34af3b04

Please contact administrator
for this information.

#313401 Copied

Olga Barlow

Support staff

December 30, 2021 at 11:24

Hello,

Actually, I see that images are not aligned even in Chrome because of the custom code http://recordit.co/AcGZ4OhA7m
So, remove the justify-content: space-between; for the .content-product in your custom CSS.

Regards

#313412 Copied

Martine

Participant

December 30, 2021 at 11:35

Hi!

This code was given to me in topic https://www.8theme.com/topic/same-height-product-boxes/#post-274969

Now I removed the line of code, but I can see no result in Edge: https://www.loom.com/share/d7b53c03d08c4dc6809a10505a1756ff

#313417 Copied

Olga Barlow

Support staff

December 30, 2021 at 11:41

Hello,

You did not provide us with a link to your site, so we gave a general code. In your case that is not necessary because you use landscape images and it causes the additional issue. If you want to use that then you need to set also min-height for the product image block.
Anyway, clear the browser cache because seems that you still see the cached styles in Edge.
It looks ok from my side https://prnt.sc/258u49n

Regards

#313419 Copied

Martine

Participant

December 30, 2021 at 11:45

Thankyou!

#313424 Copied
Tagged: best selling woocommerce themes, easy customization, edge alignment, high quality, product images, responsive design, same height/ratio
Viewing 7 results - 1 through 7 (of 7 total)

The issue related to '‘productimages have same height/ratio but not alligned nicely in Edge’' has been successfully resolved, and the topic is now closed for further responses

Productimages have same height/ratio but not alligned nicely in Edge

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection