Images on WARDROBE PRODUCT PAGE BLURRY

Store Design
1

Hi,

Can any one help me to fix this issue?

The images are showing half cut off and bad quality.

Please help: www.loftrobeshop.com

2

  1. Go to ‘Online Store’ → Themes → Edit Code

  2. Locate the ‘section-multicolumn.css’ in the assets folder

  3. At the below code at the end of the file.

.multicolumn-card-spacing{
   padding-top: 0.5rem;
   margin-right: 0.5rem;
   margin-left: 0.5rem;
}

.multicolumn-list__item .media--adapt .multicolumn-card__image{
   width: 100%;
}
3

Hi,

thanks this has worked only issue quality of office unit picture bad. Can you advise how the image quality can be fixed to highest quality

4

Could you please try reuploading the image in higher quality? That might help. Because even without the additional css that specific image looks kind of blurry to me.

5

Hi,

thanks but i have tried resizing to 2048 but although via canva and enhanced images still blurry when resizing. how do i double check the them settings for any image resizing options?

thanks

6

Try adding the below code and see if this is good for you

.multicolumn-list__item .media--adapt .multicolumn-card__image{
   object-fit: inherit;
}
7

Very strange 1 pc the office image is perfect PC view and other PC its blurry. If I add the code where do i add it? on the very bottom?

8

Yes at the bottom of the ‘section-multicolumn.css’ file

9

Perfect code fixed the issue:) thanks

10

Thank you greatly. Any clue how do do a background check on SEO to make sure no errors?

Thanks