JoannaEllis

OK I discovered that the issue is only happening on safari and not chrome. 

thanks so much for checking. this is so strange b/c on desktop, iPad and phone after clearing caches I'm still seeing non-rounded edges. I'm so confused - I see them rounded and then it changes to hard edges. 

I'm talking about the top level events page: https://www.thestudiomillvalley.com/events not the event detail pages.

No, the issue is still there. The event images appear rounded at first just for a second and then switch to being hard cornered rectangles. You're seeing something different?

Site URL: https://www.thestudiomillvalley.com/events

I came across this code to round corners on all images across the site: 

// This adds a radius to most of the images
.products .grid-image-wrapper,
.image-block-wrapper,
.ProductItem-gallery-slides-item.selected,
.sqs-gallery-design-grid-slide .image-slide-anchor
.image-overlay  {    border-radius: 12px;    }
// This adds a radius to the images when under a colored field
img {
border-radius: 12px; 
}
// This adds a radius to the BLOB/article images
a {
border-radius: 12px
}

It worked at first and all corners were rounded. Then when I added new events, the corners display as rounded when the page loads, but then snap to un-rounded. You can see it here:

https://www.thestudiomillvalley.com/events

Anyone have different code that might work better? Thank you!