Jump to content

Rounding corners for a grid portfolio page

Go to solution Solved by tuanphan,

Recommended Posts

Posted

Hi, I'm using a portfolio page that has the side by side grid layout. How can I round the corners of the images? I would like it to be consistent with my other images that allow rounding corners.

  • Solution
Posted
On 6/21/2023 at 5:32 AM, EddiOS42 said:

https://www.eddiekuo.design/portfolio-test-page/project-two-llrgk-9z7yk

I found the code to round the images on the main page, but not the images inside each portfolio project. In that link, I would like to keep the top image edge to edge as is and only round the images that are laid out in the 2×2 grid.

Add to Design > Custom CSS

body.collection-649227fc70d8b7335c60dd98 .gallery-grid-item>div img {
    border-radius: 30px !important;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

  • 3 months later...
Posted
On 10/1/2023 at 6:33 AM, EddiOS42 said:

I'm having trouble finding the collectionID for my new page. Would like to do the same with the images inside each project.

https://www.eddiekuo.design/soft 

ID of page: body#collection-651773418cb7780c567aedd0

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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.