Spacing height issue in eCommerce | Community
Skip to main content
MMXM
January 4, 2023
Solved

Spacing height issue in eCommerce

  • January 4, 2023
  • 1 reply
  • 904 views

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:

 

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by Avinash_Gupta_

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.

1 reply

Avinash_Gupta_
Community Advisor and Adobe Champion
Avinash_Gupta_Community Advisor and Adobe ChampionAccepted solution
Community Advisor and Adobe Champion
January 12, 2023

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.

MMXM
MMXMAuthor
January 12, 2023

Many thanks, @avinash_gupta_ definitely I'll try this.