0
Answered

stop image cropping

fredricksonryan 4 years ago updated by Josh 4 years ago 11

i set it so images are larger but now im having an issue where all images are cropped to square. is there anyway i can use css to stop the cropping?

Under review

Sure. Can you post a link so I can see the issue? I can send you some CSS to use.

its on wejoyliving.com at the bottom

the product image is cut off

You need to remove the border-radius in the CSS that you used. Instead of this...

img.wprevpro_t1_IMG_4 {
object-fit: contain;
border-radius: 0px !important; 
scale-down: none !important;
object-fit: contain;
height: 50%;
width: 250px;
overflow: hidden;
}

Use this...

img.wprevpro_t1_IMG_4 {
object-fit: contain;
scale-down: none !important;
object-fit: contain;
height: 50%;
width: 250px;
overflow: hidden;
}

that just made the images circle now that is even worse. I want it not cropped at all. it cuts every picture into a square upon upload. i need it to be original aspect ratio

i removed border radius to help stop the cropping

hey if i upload the pic to another website and use the url it works. thank you but please fix the image quality and cropping if you can.

Sorry, I misunderstood. Normally that image upload is used for the Avatar of the person who left the review. There is also these image inputs you can use...

oh okay I did notice that. what is the css label so I can make the image larger for the media urls?

You can right-click on the image > inspect and it should open a window showing you the code with the css classes.

It should be this...

img.wprev_media_img {
height: 50px;
margin-left: 5px;
border-radius: 5px;
}

Thanks,
Josh