Jump to content

Galler and Blog thumbnail rounded corners

Recommended Posts

  • Replies 2
  • Views 1.3k
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Hello! Try this code snippet. You can paste this into Design > Custom CSS, or if you only want those 2 grids to be affected, you will need to copy and paste the code snippets separately into their respective page header code injection (if you are using the latter option, don't forget to wrap the CSS in surrounding "<style> ... </style>" tags:

/* Portfolio Page - Rounded Corners */
.portfolio-grid-overlay .grid-item .grid-image,
.portfolio-grid-overlay .grid-item .portfolio-overlay {
   border-radius: 20px;
}
/* Portfolio Page - Rounded Corners */

/* Blog - Rounded Corners */
.blog-basic-grid .image-wrapper {
   border-radius: 20px;
}
/* Blog - Rounded Corners */

 

Feel free to email me with any customization inquiries or questions you may have!

Free Squarespace Resources: DevTools Minicourse,  11-Step Guide to Improve Custom CSS, Free Product/Pricing Comparison Table Generator

Link to comment

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.