Essential Grid Overlay Corner Radius

I have an Essential Grid in the “Recent Work” section of this page:

I’ve successfully applied a corner radius to the content section, but if you hover over the items you’ll notice that the overlay isn’t contained to the radius content so it reveals little opaque corners.

Could you help me isolate those and how I might hide/contain them?

Many thanks!

Hi Nuera,

Thank you for writing in, please add this to Theme Options > CSS

.esg-entry-media-wrapper {
	    border-radius: 10px !important;
}

Happy New Year,
Cheers!

Perfect!!! Thanks so much!

Glad we were able to help :slight_smile:

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