Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Custom CSS for Gallery Grid is not working


Hi there,


I have set my image border radius to 4px !important, however it is not working on some image corners and some images at all in my gallery grid block.


The code I have used its:

.sqs-gallery-block-grid img {
    border-radius:5px !important;

Any suggestions on how to fix this are most welcome!




Share this post

Link to post

2 answers to this question

Recommended Posts

  • 0

The problem with your example is that the image sits within a container that has overflow set to hidden. So you're setting the radius but in many cases the actual corners of the graphic are hidden. 

imagine a piece of paper with a square cut out of it placed over a photo. Even if the photo underneath has rounded corners you can't see them because you're looking through a square hole. The solution, therefore, is to round the corners of the hole in the paper.

Use the following

.slide.sqs-gallery-design-grid-slide .image-slide-anchor {
	border-radius: 5px;


Please hit LIKE to share your appreciation of posts that are helpful or useful. 

The like button is somewhere over thereover-there.jpg

Of course, Likes don't pay the bills.. If you're looking for a Squarespace Developer you can hire me here

Share this post

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...