Expand my Community achievements bar.

SOLVED

Spacing height issue in eCommerce

Avatar

Level 1

Hello Community, Happy New Year!

 

I'd appreciate some support or ideas on spacing height between images in the eCommerce I work on.

 

Note that the top banner was done in SFCC and the other main images in AEM with the spacing issues, which are definitely not consistently.

 

The images are the same size with no transparent background behind, but always have different spacing.

 

Please see below:

 

Space_Height_between_Photos.png

1 Accepted Solution

Avatar

Correct answer by
Community Advisor

Hi @MMXM 

 

It may be the different renditions are getting generated on the AEM site for the images. In case you want to make it consistent, you can handle it through CSS by setting a width and height or remove the whitespace on the images. It may stretch or compress the image but it will solve the purpose to have a consistent look.

 

Hope this helps.

View solution in original post

2 Replies

Avatar

Correct answer by
Community Advisor

Hi @MMXM 

 

It may be the different renditions are getting generated on the AEM site for the images. In case you want to make it consistent, you can handle it through CSS by setting a width and height or remove the whitespace on the images. It may stretch or compress the image but it will solve the purpose to have a consistent look.

 

Hope this helps.