# (Squarespace) Round Corners of Section Background Video

**URL:** <https://community.elfsight.com/t/squarespace-round-corners-of-section-background-video/105780>\
**Category:** Platform Tips\
**Tags:** squarespace\
**Created:** [March 8, 2025, 2:11am UTC](https://community.elfsight.com/t/squarespace-round-corners-of-section-background-video/105780 "2025-03-08T02:11:35Z")\
**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, 2:11am UTC](https://community.elfsight.com/t/squarespace-round-corners-of-section-background-video/105780/1 "2025-03-08T02:11:35Z")

</div>

To round corners of Section Background Video, like this.

![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/b/0/b0c0518aee8a3334bbf4b8a49cddf04c64709fe6.jpeg)

You can use this code to Custom CSS  
If code doesn’t work, you can comment below, [message](https://community.elfsight.com/u/tuanphan/) or [send me an email](https://community.elfsight.com/u/tuanphan/summary).

```auto
section.page-section .section-border {
    video, video img, iframe {
        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/8/8/88df0801d14bfe0596e89a7d89cab451603b1cca.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, 11:58am UTC](https://community.elfsight.com/t/squarespace-round-corners-of-section-background-video/105780/2 "2025-03-09T11:58:39Z")

</div>

@tuanphan,

♥ ♥ ♥