Jump to content

How to create rounded corners on events page images?

Recommended Posts

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!

Link to comment
  • Replies 6
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.