Jump to content

code to change the gallery image to have rounded corners

Recommended Posts

Hiya, I'm very new to this and this is the first time of trying to input custom code so would really appreciate some help.

I have a gallery block with thumbnails and would like to change the corners to be rounded. I have found a code to do this online:

img { border-radius: 30px; } 

this code is apparently supposed to change all the images on the website to have rounded edges however it just changes the thumbnails. Furthermore the thumbnails are cut off at the bottom of the block. If anyone can take a look for me I would be so grateful!!

Link to comment
  • Replies 8
  • Views 199
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

Can you share your website URL and the location of the gallery?

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment

im assuming you would need a password to look at my website at the minute as it is not yet published?

if thats the case and you need that i have no clue how.....

Link to comment
Just now, Laubs said:

if thats the case and you need that i have no clue how.....

Yes, I would need a site wide password, follow this guide:

https://squarefortytwo.com/squarespace-guides/add-a-site-wide-password-to-your-squarespace-website

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment

Thanks for that, but the way that this type of gallery slideshow handles images means the border radius doesn't work directly on the image. My best suggestion is to add a border radius to the image before uploading.

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

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.