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

Store Design
1

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?

2

Hi @Futurisnow ,

May I suggest to update code these steps:

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

EBOOST_1-1672356985580.png
EBOOST_1-1672356985580.png532×438 15.6 KB

  1. Assets/base.css
  2. 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;
}
3

Thank you so much!!

4

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

Screenshot 2024-10-30 at 15.28.52.png
Screenshot 2024-10-30 at 15.28.52.png2396×2304 492 KB

Screenshot 2024-10-30 at 15.34.02.png
Screenshot 2024-10-30 at 15.34.02.png2376×2522 345 KB

5

Hi @bjohns ,

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