Collage Block: Rounded Card Corners

Hello all!

I am wondering how to round the corners of the text card associated with a collage block image? I am only utilizing one collage block, so it can apply to all, not just the specific block in-question.

4 hours ago, Barco12 said:

Hello all!

 

I am wondering how to round the corners of the text card associated with a collage block image? I am only utilizing one collage block, so it can apply to all, not just the specific block in-question.

You can use Google Extension Find Squarespace Ids to get the specific block unique id, replace the code in this snippet to make it work

section[data-section-id="5fcdc77e0ab5d62feb13076f"] .image-card {
  border-radius: 20px;
}

Wonderful, thank you for your response, bangank36!

Much appreciated!

Any way to only apply a radius to two of the four corners please? 

For people looking for the question to get different radii you use the following:

border-radius: 50px 50px 0px 50px; 

@Arna

The following may also be of use. I assume there are properties for all four corners.

https://www.w3schools.com/CSSref/css3_pr_border-top-left-radius.asp