# (Squarespace) Round Corners of Gallery Block Carousel

**URL:** <https://community.elfsight.com/t/squarespace-round-corners-of-gallery-block-carousel/105809>\
**Category:** Platform Tips\
**Tags:** squarespace\
**Created:** [March 8, 2025, 7:09am UTC](https://community.elfsight.com/t/squarespace-round-corners-of-gallery-block-carousel/105809 "2025-03-08T07:09:46Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![tuanphan](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/tuanphan/32/3165_2.png) [@tuanphan](https://community.elfsight.com/u/tuanphan)\
**Post date:** [March 8, 2025, 7:09am UTC](https://community.elfsight.com/t/squarespace-round-corners-of-gallery-block-carousel/105809/1 "2025-03-08T07:09:46Z")

</div>

To round corners of Gallery Block Carousel, like this.

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/d/4/d4557fce130acbde89a9849548946a95e2ed4abc.jpeg)

You can use this code to Custom CSS

```auto
[data-block-json*="slider"] {
    .slide, img, .content-fill, .content-fit {
    border-top-left-radius: 30px;
border-top-right-radius: 30px;
border-bottom-left-radius: 30px;
border-bottom-right-radius: 30px;
}}

```

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/e/f/ef1d64f0969b8624c980ab0907c537c8894148cd.png)

---

<div class="post-metadata">

**Author:** ![romano97002](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/romano97002/32/95751_2.png) [@romano97002](https://community.elfsight.com/u/romano97002)\
**Post date:** [March 9, 2025, 12:00pm UTC](https://community.elfsight.com/t/squarespace-round-corners-of-gallery-block-carousel/105809/2 "2025-03-09T12:00:24Z")

</div>

@tuanphan,

♥ ♥ ♥