# Rounding the corners of the pop-up player window!

**URL:** <https://community.elfsight.com/t/rounding-the-corners-of-the-pop-up-player-window/173486>\
**Category:** Customization\
**Tags:** video-gallery\
**Created:** [September 4, 2026, 8:41pm UTC](https://community.elfsight.com/t/rounding-the-corners-of-the-pop-up-player-window/173486 "2026-09-04T20:41:20Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![miko\_zsolt\_official](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/miko_zsolt_official/32/16175_2.png) [@miko\_zsolt\_official](https://community.elfsight.com/u/miko_zsolt_official)\
**Post date:** [September 4, 2026, 8:41pm UTC](https://community.elfsight.com/t/rounding-the-corners-of-the-pop-up-player-window/173486/1 "2026-09-04T20:41:20Z")

</div>

Hi! I’d like to request some code to round the corners of the pop-up player window. 🙂

---

<div class="post-metadata">

**Author:** ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)\
**Post date:** [September 5, 2026, 8:20am UTC](https://community.elfsight.com/t/rounding-the-corners-of-the-pop-up-player-window/173486/3 "2026-09-05T08:20:29Z")

</div>

Hi there, @miko_zsolt_official 👋

Sure, here is the CSS code:

```auto
.es-classic-popup-view-surface {
  border-radius: 24px !important;
  overflow: hidden;
}

```

  

Give it a try and let me know if it helped 🙂

---

<div class="post-metadata">

**Author:** ![miko\_zsolt\_official](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/miko_zsolt_official/32/16175_2.png) [@miko\_zsolt\_official](https://community.elfsight.com/u/miko_zsolt_official)\
**Post date:** [September 5, 2026, 10:16am UTC](https://community.elfsight.com/t/rounding-the-corners-of-the-pop-up-player-window/173486/4 "2026-09-05T10:16:53Z")

</div>

Thanks, but that doesn’t work right now!

 ![Firefox_Screenshot_2026-09-05T10-18-46.133Z](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/5/7/57de248a414cfb518085e5502622c1556060953e.jpeg)

---

<div class="post-metadata">

**Author:** ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)\
**Post date:** [September 7, 2026, 10:12am UTC](https://community.elfsight.com/t/rounding-the-corners-of-the-pop-up-player-window/173486/5 "2026-09-07T10:12:49Z")

</div>

Hi @miko_zsolt_official 👋

Could you please send me a link to the page where your widget is installed? I’ll be happy to check things 🙂

---

<div class="post-metadata">

**Author:** ![miko\_zsolt\_official](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/miko_zsolt_official/32/16175_2.png) [@miko\_zsolt\_official](https://community.elfsight.com/u/miko_zsolt_official)\
**Post date:** [September 7, 2026, 5:04pm UTC](https://community.elfsight.com/t/rounding-the-corners-of-the-pop-up-player-window/173486/6 "2026-09-07T17:04:53Z")

</div>

> **[Mikó Zsolt](https://versklub.com/)**
>
> Az maradnál nékem, szép szó- 
> 
> gyöngysor, mikor, költő mondja.

It can be viewed by clicking the black camera+ icon!

---

<div class="post-metadata">

**Author:** ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)\
**Post date:** [September 7, 2026, 5:36pm UTC](https://community.elfsight.com/t/rounding-the-corners-of-the-pop-up-player-window/173486/7 "2026-09-07T17:36:32Z")

</div>

Thank you!

Please let me consult with the devs. I’ll get back to you once they share a code 🙂

---

<div class="post-metadata">

**Author:** ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)\
**Post date:** [September 8, 2026, 10:06am UTC](https://community.elfsight.com/t/rounding-the-corners-of-the-pop-up-player-window/173486/8 "2026-09-08T10:06:03Z")

</div>

Hi there, @miko_zsolt_official 👋

Please try to use this code and let me know if it helped 🙂

---

<div class="post-metadata">

**Author:** ![miko\_zsolt\_official](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/miko_zsolt_official/32/16175_2.png) [@miko\_zsolt\_official](https://community.elfsight.com/u/miko_zsolt_official)\
**Post date:** [September 8, 2026, 10:13am UTC](https://community.elfsight.com/t/rounding-the-corners-of-the-pop-up-player-window/173486/9 "2026-09-08T10:13:29Z")

</div>

I don’t see the code!

---

<div class="post-metadata">

**Author:** ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)\
**Post date:** [September 8, 2026, 10:14am UTC](https://community.elfsight.com/t/rounding-the-corners-of-the-pop-up-player-window/173486/10 "2026-09-08T10:14:32Z")

</div>

Sorry for the oversight, here is the code:

```auto
[class*="Backdrop__BackdropContainer-sc"] {
  border-radius: 16px;
}

```

---

<div class="post-metadata">

**Author:** ![miko\_zsolt\_official](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/miko_zsolt_official/32/16175_2.png) [@miko\_zsolt\_official](https://community.elfsight.com/u/miko_zsolt_official)\
**Post date:** [September 8, 2026, 10:18am UTC](https://community.elfsight.com/t/rounding-the-corners-of-the-pop-up-player-window/173486/11 "2026-09-08T10:18:39Z")

</div>

This is already working great! Thank you!

---

<div class="post-metadata">

**Author:** ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)\
**Post date:** [September 8, 2026, 10:20am UTC](https://community.elfsight.com/t/rounding-the-corners-of-the-pop-up-player-window/173486/12 "2026-09-08T10:20:11Z")

</div>

Awesome, you’re very welcome 😉