# Code to widen Job Board Pop-up

**URL:** <https://community.elfsight.com/t/code-to-widen-job-board-pop-up/120619>\
**Category:** Customization\
**Tags:** popup, job-board\
**Created:** [May 14, 2025, 1:05pm UTC](https://community.elfsight.com/t/code-to-widen-job-board-pop-up/120619 "2025-05-14T13:05:48Z")\
**Posts on this page:** 12\
**Page:** 1

<div class="post-metadata">

**Author:** ![Billie\_Meredith](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/billie_meredith/32/51103_2.png) [@Billie\_Meredith](https://community.elfsight.com/u/Billie_Meredith)\
**Post date:** [May 14, 2025, 1:05pm UTC](https://community.elfsight.com/t/code-to-widen-job-board-pop-up/120619/1 "2025-05-14T13:05:48Z")

</div>

Hello!

I’m looking for a css code that will widen the pop-up on our job board - even make it a floating box instead of a full reem from top to bottom. See attached.

 ![Screenshot 2025-05-14 at 14.03.11](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/c/9/c9a722f38eda9b77c85251dc3b46624a96fe26a3.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:** [May 14, 2025, 1:45pm UTC](https://community.elfsight.com/t/code-to-widen-job-board-pop-up/120619/3 "2025-05-14T13:45:29Z")

</div>

Hi there, @Billie_Meredith 👋

Could you please send me a link to the page, where your widget is installed?

---

<div class="post-metadata">

**Author:** ![Billie\_Meredith](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/billie_meredith/32/51103_2.png) [@Billie\_Meredith](https://community.elfsight.com/u/Billie_Meredith)\
**Post date:** [May 14, 2025, 2:07pm UTC](https://community.elfsight.com/t/code-to-widen-job-board-pop-up/120619/4 "2025-05-14T14:07:20Z")

</div>

Hi Max see the link here: [Opportunities — Young Identity](https://www.youngidentity.org/opportunities)

---

<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:** [May 14, 2025, 3:12pm UTC](https://community.elfsight.com/t/code-to-widen-job-board-pop-up/120619/5 "2025-05-14T15:12:44Z")

</div>

Thanks! Here is the code:

```auto
[class*="Popup__PopupContent-sc"] {
  width: 1000px !important;
}

```

  

Try it out and let me if it helped 🙂

---

<div class="post-metadata">

**Author:** ![Billie\_Meredith](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/billie_meredith/32/51103_2.png) [@Billie\_Meredith](https://community.elfsight.com/u/Billie_Meredith)\
**Post date:** [May 14, 2025, 3:43pm UTC](https://community.elfsight.com/t/code-to-widen-job-board-pop-up/120619/6 "2025-05-14T15:43:48Z")

</div>

> [@Max](#):
>
> ```auto
> [class*="Popup__PopupContent-sc"] {
> width: 1000px !important;
> }
> 
> ```

Brilliant! - Thanks 🙏🏽

---

<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:** [May 14, 2025, 3:56pm UTC](https://community.elfsight.com/t/code-to-widen-job-board-pop-up/120619/7 "2025-05-14T15:56:37Z")

</div>

Great, you’re welcome @Billie_Meredith!

In the meantime, we’d like to invite you to participate in our new contest, where you can win a **6-month extension** for your subscription - [May Contest: Create a Caption for Our Photo and Win 6 Months FREE! 🚀](https://community.elfsight.com/t/may-contest-create-a-caption-for-our-photo-and-win-6-months-free/117146)

Check the details and join in 😉

---

<div class="post-metadata">

**Author:** ![Billie\_Meredith](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/billie_meredith/32/51103_2.png) [@Billie\_Meredith](https://community.elfsight.com/u/Billie_Meredith)\
**Post date:** [October 28, 2025, 10:33am UTC](https://community.elfsight.com/t/code-to-widen-job-board-pop-up/120619/8 "2025-10-28T10:33:48Z")

</div>

Hey!

I’m back on this and wanted to ask if theres a way for the pop up to show top and bottom edges - similar to that of the portfolio or blog widget.

**Portfolio**

> **[Commissions — Young Identity](https://www.youngidentity.org/commissions#portfolio-65c06ffc-86f5-4c16-8ea8-68f04ee27e19-m833mboi)**
>
> Our poets are some of the most decorated young poets on the circuit, including BBC Words First Winners, Eric Gregory Award Winners and Manchester City of Literature Multilingual City Poets.

**Blog**  
[https://www.youngidentity.org/news?blogPost=echoes-of-origin](https://www.youngidentity.org/news?blogPost=echoes-of-origin)

---

<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:** [October 28, 2025, 11:04am UTC](https://community.elfsight.com/t/code-to-widen-job-board-pop-up/120619/9 "2025-10-28T11:04:52Z")

</div>

Hi there, @Billie_Meredith 👋

Please try to use this code in the Custom CSS field on the Appearance tab of your widget’s settings and let me know if it helped 🙂

```auto
@media (min-width: 768px) {
  [class*='Popup__PopupInner-sc'] {
    margin-top: 100px;
    max-height: none;
    height: auto;
  }
}

@media (max-width: 768px) {
  [class*='Popup__PopupInner-sc'] {
    padding: 0 !important;
  }
}

```

---

<div class="post-metadata">

**Author:** ![Billie\_Meredith](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/billie_meredith/32/51103_2.png) [@Billie\_Meredith](https://community.elfsight.com/u/Billie_Meredith)\
**Post date:** [October 28, 2025, 11:32am UTC](https://community.elfsight.com/t/code-to-widen-job-board-pop-up/120619/10 "2025-10-28T11:32:31Z")

</div>

> [@Max](#):
>
> ```auto
> @media (min-width: 768px) {
> [class*='Popup__PopupInner-sc'] {
> margin-top: 100px;
> max-height: none;
> height: auto;
> }
> }
> 
> @media (max-width: 768px) {
> [class*='Popup__PopupInner-sc'] {
> padding: 0 !important;
> }
> }
> 
> ```

Hi Max,

Thanks for getting back so quick.

This does provide a gap at the top which is brill, but for the longer posts it’s still sticking to the bottom still.

See here: [Opportunities — Young Identity](https://www.youngidentity.org/opportunities)

> **[Opportunities — Young Identity](https://www.youngidentity.org/opportunities)**
>
> Explore our open opportunities in publishing, film, music, poetry, performance and more!

---

<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:** [October 28, 2025, 12:05pm UTC](https://community.elfsight.com/t/code-to-widen-job-board-pop-up/120619/11 "2025-10-28T12:05:25Z")

</div>

Sorry for the oversight! I’ve adjusted the code in your widget:

```auto
@media (min-width: 768px) {
  [class*='Popup__PopupInner-sc'] {
    margin: 100px 0;
    max-height: none;
    height: auto;
  }
}

@media (max-width: 768px) {
  [class*='Popup__PopupInner-sc'] {
    padding: 0 !important;
  }
}

```

  

Please check your website and let me know if you like the result 🙂

---

<div class="post-metadata">

**Author:** ![Billie\_Meredith](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/billie_meredith/32/51103_2.png) [@Billie\_Meredith](https://community.elfsight.com/u/Billie_Meredith)\
**Post date:** [October 28, 2025, 12:26pm UTC](https://community.elfsight.com/t/code-to-widen-job-board-pop-up/120619/12 "2025-10-28T12:26:05Z")

</div>

> [@Max](#):
>
> ```auto
> @media (min-width: 768px) {
> [class*='Popup__PopupInner-sc'] {
> margin: 100px 0;
> max-height: none;
> height: auto;
> }
> }
> 
> @media (max-width: 768px) {
> [class*='Popup__PopupInner-sc'] {
> padding: 0 !important;
> }
> }
> 
> ```

Thanks so much!

This is perfect and works great in conjunction with the previous code. Brilliant as always ⭐

---

<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:** [October 28, 2025, 12:28pm UTC](https://community.elfsight.com/t/code-to-widen-job-board-pop-up/120619/13 "2025-10-28T12:28:29Z")

</div>

Perfect, you’re always welcome 😉