Jump to content

Slideshow gallery reel - rounded corners not working

Go to solution Solved by LoftyDevs-Website-Designer,

Recommended Posts

I am trying to round the corners of the images in my slideshow carousel however it is only working on one side and not the entire image (shown in screenshot attached). This is the code I am currently using:

 

.gallery-reel-item img {
  border-radius: 30px !important;
 }

 

How do I make sure it works around the entire image?

Screenshot 2024-07-18 at 12.31.14 pm.png

Link to comment
  • Replies 5
  • Views 487
  • Created
  • Last Reply

Top Posters In This Topic

  • Solution

Hello @bkiegaldie Try this code Website Tools >> Custom Css

.gallery-reel-item img {
  padding: 0px; 
  margin-left: 0px; 
  margin-top: 0px; 
  margin-bottom: 0px; 
  width: 94% !important;
  height: 92%!important;
  border-radius: 10px;
}

 

LoftyDevs - Squarespace Website Design Experts

email.png
Connect - info@loftydevs.com 
website.png
Website - loftydevs.com
address.png
Ahmedabad, India
 
 
 
 
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.