Jump to content

Round corners on video and gallery block thumbnails - CSS

Recommended Posts

Hi there, 

I'm trying to round the corners on a gallery-block slideshow and thumbnails for individual video-blocks.

I'm using the following CSS but it hasn't applied to all of the video-block images and one of the gallery-block images is the wrong size...! See screenshots attached.

img { border-radius: 25px; }

iframe[src*="vimeo.com"] {
    border-radius: 25px;

Is it also possible to remove the overlay on the gallery-block slideshow so that you can't see the grey corners?

Site password is: softdeliciousbread

Any help anyone can provide much appreciated!


Screenshot 2023-05-11 at 20.47.13.png

Screenshot 2023-05-11 at 20.47.25.png

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.