# Change size of pop up

**URL:** <https://community.elfsight.com/t/change-size-of-pop-up/164301>\
**Category:** Customization\
**Tags:** team-showcase\
**Created:** [June 17, 2026, 8:18pm UTC](https://community.elfsight.com/t/change-size-of-pop-up/164301 "2026-06-17T20:18:41Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Lily\_Gamble1](https://avatars.discourse-cdn.com/v4/letter/l/f05b48/32.png) [@Lily\_Gamble1](https://community.elfsight.com/u/Lily_Gamble1)\
**Post date:** [June 17, 2026, 8:18pm UTC](https://community.elfsight.com/t/change-size-of-pop-up/164301/1 "2026-06-17T20:18:42Z")

</div>

Hello! Is there a way to make the pop-up take up more space on larger screens? Maybe use a percentage of the screen’s width (outside of mobile)?

---

<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:** [June 18, 2026, 7:05am UTC](https://community.elfsight.com/t/change-size-of-pop-up/164301/3 "2026-06-18T07:05:46Z")

</div>

Hi there, @Lily_Gamble1 👋

This CSS code will do the trick:

```auto
@media (min-width: 1024px) {
  .global-styles,
  [class*="Popup__PopupContent"] {
    transform: scale(1.25);
  }

  .global-styles,
  [class*="Popup__PopupCloseInsideInner-sc"] {
    transform: scale(0.75);
  }
}

```

  

Please try it out and let me know how it worked for you 🙂

---

<div class="post-metadata">

**Author:** ![Lily\_Gamble1](https://avatars.discourse-cdn.com/v4/letter/l/f05b48/32.png) [@Lily\_Gamble1](https://community.elfsight.com/u/Lily_Gamble1)\
**Post date:** [June 18, 2026, 1:18pm UTC](https://community.elfsight.com/t/change-size-of-pop-up/164301/4 "2026-06-18T13:18:00Z")

</div>

That worked perfectly. 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:** [June 18, 2026, 1:24pm UTC](https://community.elfsight.com/t/change-size-of-pop-up/164301/5 "2026-06-18T13:24:18Z")

</div>

Great, you’re welcome 😉