How can I prevent the images being cropped in the Multirow block?

[Futurisnow]

This is my page > https://www.futurisnowshop.com/pages/news

the images are embedded in the background of the cell it seems... so when the screen is resized, the table is responsive but my images are all cropped... is there a way to fit to size in the cell of the table so the image is not cropped out?

[EBOOST · Accepted solution]

Hi @Futurisnow,

May I suggest to update code these steps:

1. Go to Store Online-> theme -> edit code

2. Assets/base.css
3. Add code below to end of file

.multirow__inner .image-with-text__media {
  height: auto!important;
}
.multirow__inner .image-with-text__media img {
  position: static!important;
}

[Futurisnow]

Thank you so much!!

[bjohns]

Hi,

Please can you help me. I am having a similar issue and your solution partly works. By applying the suggested code my images no longer crop, by I now have huge blank gaps under each row (see screen shots - before and after base.css amends). How can I reduce these gaps?

Many Thanks

[EBOOST]

Hi @bjohns ,

Could you share your Url store? I will help to take a look it.