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

Solved

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

Futurisnow
Tourist
11 0 2

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?

Accepted Solution (1)

EBOOST
Shopify Partner
1043 279 315

This is an accepted solution.

Hi @Futurisnow,

May I suggest to update code these steps:

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

EBOOST_1-1672356985580.png
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;
}

 

- Hope can help. If you find my reply helpful, please hit Like and Mark as Solution
- Need a Shopify developer? Contact email: eboost10@gmail.com
- Visit our site: https://www.eboosttech.net to view and download shopify themes and magento2 extensions free
- ❤❤DONATE ❤❤

View solution in original post

Replies 2 (2)

EBOOST
Shopify Partner
1043 279 315

This is an accepted solution.

Hi @Futurisnow,

May I suggest to update code these steps:

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

EBOOST_1-1672356985580.png
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;
}

 

- Hope can help. If you find my reply helpful, please hit Like and Mark as Solution
- Need a Shopify developer? Contact email: eboost10@gmail.com
- Visit our site: https://www.eboosttech.net to view and download shopify themes and magento2 extensions free
- ❤❤DONATE ❤❤
Futurisnow
Tourist
11 0 2

Thank you so much!!