Images on WARDROBE PRODUCT PAGE BLURRY

[LOFTROBE]

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

[WalkYourStyle]

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%;
}

[LOFTROBE]

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

[WalkYourStyle]

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.

[WalkYourStyle]

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

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

[LOFTROBE]

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?

[WalkYourStyle]

Yes at the bottom of the 'section-multicolumn.css' file

[LOFTROBE]

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 

[LOFTROBE]

Perfect code fixed the issue:)  thanks

[LOFTROBE]

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

Thanks