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!