# Custom image in pop-up products

**URL:** <https://community.elfsight.com/t/custom-image-in-pop-up-products/115551>\
**Category:** Customization\
**Tags:** restaurant-menu\
**Created:** [April 21, 2025, 6:18pm UTC](https://community.elfsight.com/t/custom-image-in-pop-up-products/115551 "2025-04-21T18:18:49Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Manrei\_Socio\_Digital](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/manrei_socio_digital/32/63581_2.png) [@Manrei\_Socio\_Digital](https://community.elfsight.com/u/Manrei_Socio_Digital)\
**Post date:** [April 21, 2025, 6:18pm UTC](https://community.elfsight.com/t/custom-image-in-pop-up-products/115551/1 "2025-04-21T18:18:49Z")

</div>

- **Issue description:**  
I want to remove or put a custom image of my own on product popups that do not have a product image (in other words, replace or remove the default SVG). Is this possible?

- **Link to the page with the widget in question:**  
[https://grupo-infinity.com/en/test-restaurant-menu/](https://grupo-infinity.com/en/test-restaurant-menu/)

---

<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 21, 2025, 6:51pm UTC](https://community.elfsight.com/t/custom-image-in-pop-up-products/115551/3 "2025-04-21T18:51:20Z")

</div>

Hi there, @Manrei_Socio_Digital and welcome to the Community 👋

Would you like to remove/replace just the icon or black background too?

---

<div class="post-metadata">

**Author:** ![Manrei\_Socio\_Digital](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/manrei_socio_digital/32/63581_2.png) [@Manrei\_Socio\_Digital](https://community.elfsight.com/u/Manrei_Socio_Digital)\
**Post date:** [April 22, 2025, 9:41am UTC](https://community.elfsight.com/t/custom-image-in-pop-up-products/115551/4 "2025-04-22T09:41:54Z")

</div>

Hi Max!  
Actually what I would like is that the products that do not have images, when you click on them, no image is displayed, only the title, description and other texts. But if it is only possible to replace the image, then I would like to change both the icon and the black background.

---

<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 22, 2025, 1:52pm UTC](https://community.elfsight.com/t/custom-image-in-pop-up-products/115551/5 "2025-04-22T13:52:15Z")

</div>

Hi @Manrei_Socio_Digital 👋

Please try to use this code in the Custom CSS field and let me know if you like the result 🙂

```auto
[class*='Image__ImageComponentContainer-sc']:has(svg) {
  display: none;
}

@media (max-width: 500px) {
  [class*='Popup__ImageAndArrowsContainer-sc'] {
    min-height: 300px !important;
  }
}

[class*='Popup__ImageAndArrowsContainer-sc'] {
  min-height: 400px;
}

[class*='Popup__ImageAndArrowsContainer-sc']:has([class*='Image__ImageComponentContainer-sc'] svg) + [class*='Popup__Info-sc'] {
  position: absolute;
  width: 90%;
  top: 150px;
}

```