# Image Size within Popup window on team showcase

**URL:** <https://community.elfsight.com/t/image-size-within-popup-window-on-team-showcase/154618>\
**Category:** Customization\
**Tags:** team-showcase\
**Created:** [April 15, 2026, 3:39pm UTC](https://community.elfsight.com/t/image-size-within-popup-window-on-team-showcase/154618 "2026-04-15T15:39:41Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![user16011](https://avatars.discourse-cdn.com/v4/letter/u/82dd89/32.png) [@user16011](https://community.elfsight.com/u/user16011)\
**Post date:** [April 15, 2026, 3:39pm UTC](https://community.elfsight.com/t/image-size-within-popup-window-on-team-showcase/154618/1 "2026-04-15T15:39:41Z")

</div>

Hi all! I’m looking to keep my images in their same square ratio when they open in the popup window. Is there a way to resize the popup so the image is in a square format (not zoomed in) and the text portion resizes accordingly with it on when the scroll begins?

---

<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:** [April 15, 2026, 3:59pm UTC](https://community.elfsight.com/t/image-size-within-popup-window-on-team-showcase/154618/3 "2026-04-15T15:59:02Z")

</div>

Hi there, @user16011 👋

I see that you’ve already applied a CSS code:

```auto
.global-styles,
.eapp-team-showcase-popup-item-container .eapp-team-showcase-member-card-photo-photoShow {
  background: #fff;
  object-fit: contain;
}

```

  

Does it cover your needs or you’d like to move the image lower (to the bottom of the popup)?

---

<div class="post-metadata">

**Author:** ![user16011](https://avatars.discourse-cdn.com/v4/letter/u/82dd89/32.png) [@user16011](https://community.elfsight.com/u/user16011)\
**Post date:** [April 15, 2026, 7:27pm UTC](https://community.elfsight.com/t/image-size-within-popup-window-on-team-showcase/154618/4 "2026-04-15T19:27:33Z")

</div>

We would like to have the image align to the bottom! Thank you so much. @Max

---

<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:** [April 16, 2026, 12:17pm UTC](https://community.elfsight.com/t/image-size-within-popup-window-on-team-showcase/154618/5 "2026-04-16T12:17:40Z")

</div>

Got it, thanks!

In this case, the empty spacy will appear at the top. If it’s fine for you, you just need to add this line to your code:

```auto
 object-position: bottom;

```

  

Let me know if it helps or if you have any questions left 🙂

---

<div class="post-metadata">

**Author:** ![user16011](https://avatars.discourse-cdn.com/v4/letter/u/82dd89/32.png) [@user16011](https://community.elfsight.com/u/user16011)\
**Post date:** [April 16, 2026, 2:50pm UTC](https://community.elfsight.com/t/image-size-within-popup-window-on-team-showcase/154618/6 "2026-04-16T14:50:02Z")

</div>

Thanks @Max ! It looks better than before, but does feel like too much space now at the top. Is it possible to keep the image square and then reduce the size of the entire popup so it fits the square image? That way there isn’t extra white space at the top or bottom.

---

<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:** [April 16, 2026, 3:07pm UTC](https://community.elfsight.com/t/image-size-within-popup-window-on-team-showcase/154618/7 "2026-04-16T15:07:47Z")

</div>

Please let me check it with the dev team. I’ll update you once I have their response 🙂

---

<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:** [April 17, 2026, 10:40am UTC](https://community.elfsight.com/t/image-size-within-popup-window-on-team-showcase/154618/8 "2026-04-17T10:40:44Z")

</div>

Hi there, @user16011 👋

We’ve adjusted the CSS code in your widget:

```auto
@external {
  @media (min-width: 480px) {
    .eapp-team-showcase-popup-item-container .eapp-team-showcase-member-card-photo-photoShow {
      object-fit: contain;
      object-position: bottom;
    }

    .eapp-team-showcase-popup-item-infoContainer {
      max-height: 480px !important;
    }
  }
}

```

  

Please check it out and let me know if you like the result 🙂

---

<div class="post-metadata">

**Author:** ![user16011](https://avatars.discourse-cdn.com/v4/letter/u/82dd89/32.png) [@user16011](https://community.elfsight.com/u/user16011)\
**Post date:** [April 17, 2026, 2:58pm UTC](https://community.elfsight.com/t/image-size-within-popup-window-on-team-showcase/154618/9 "2026-04-17T14:58:41Z")

</div>

Fantastic! Thank you so much! @Max

---

<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:** [April 17, 2026, 3:00pm UTC](https://community.elfsight.com/t/image-size-within-popup-window-on-team-showcase/154618/10 "2026-04-17T15:00:39Z")

</div>

No sweat!

In the meantime, we’d like to invite you to participate in our new contest, where you can win a **3-month extension** for your subscription - [April Contest: What’s Your Top Widget Feature? Tell us and win 3 MONTHS FREE!🎁](https://community.elfsight.com/t/april-contest-what-s-your-top-widget-feature-tell-us-and-win-3-months-free/153667)

Check the details and join in 😉