0
Answered
stop image cropping
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?
Customer support service by UserEcho
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;
}