Home images turned to oval shape

Hello!

In the last days all the images linked to Essential Grid in my home site turned to oval shape and I don’t know what’s going on.

This is the site: http://www.ameliaalas.com/

Please, could you help to find a solution?

Thanks in advanced.
SY

It happens in other section too: http://www.ameliaalas.com/entrevistas/

I checked the selected skins in those Essential Grids but everything is fine. I don’t know why the pics turned to that shape.

Hello There,

Thanks for writing in! The overlay dimensions is dependent to the image dimension of the image. It will becomes a perfect circle if the image is a perfect square. Since most of the image is rectangular in size, the resulting overlay is an oval. To resolve your issue, please edit your grids and make sure that Source Size of the images is either medium or large. You can actually play around with the other sizes and see how it goes.

Hope this helps.

Hello! Thanks for your quick answer. Nothing happens when I change the source size, I mean with the shape. The thing is everything has been right (all the pics with square shape) and suddenly all of them, linked to the Essential Grid, have changed to this oval size.

I checked all the skins selected and there’s no any oval option selected or similar. So, is there any conflict in one of the last updates? Is it possible to solve the issue with any CSS code?

Thanks in advance!

Hi There,

Please find and remove this custom CSS under Customizer > Additional CSS:

.esg-entry-media-wrapper {
	border-radius: 90% !important;
}

Hope it helps :slight_smile:

Hi!

There wasn’t any custom CSS with that information, so I did just the opposite: I added the same CSS code but changing 90% to 100%. It worked :wink:

Thanks

You’re welcome.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.