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

Custom CSS for Gallery Grid is not working

Question

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!

 

Thanks,


Sam

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...