# Remove/add customization tool of image bounding box on restaurant menu widget

**URL:** <https://community.elfsight.com/t/remove-add-customization-tool-of-image-bounding-box-on-restaurant-menu-widget/17680>\
**Category:** Customization\
**Tags:** restaurant-menu\
**Created:** [July 19, 2023, 1:58pm UTC](https://community.elfsight.com/t/remove-add-customization-tool-of-image-bounding-box-on-restaurant-menu-widget/17680 "2023-07-19T13:58:13Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Collin\_Hicks](https://avatars.discourse-cdn.com/v4/letter/c/85e7bf/32.png) [@Collin\_Hicks](https://community.elfsight.com/u/Collin_Hicks)\
**Post date:** [July 19, 2023, 1:58pm UTC](https://community.elfsight.com/t/remove-add-customization-tool-of-image-bounding-box-on-restaurant-menu-widget/17680/1 "2023-07-19T13:58:14Z")

</div>

The restaurant menu widget has a feature that allows the user to insert an image to depict the menu item. However, when inserting the image, there is a bounding box that outlines the image itself. When adding a non-square image, this outline still creates a box which creates a visual difference in the image which the user may not like.

I propose an option to remove or customize the appearance of the bounding box outline.

---

<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:** [July 19, 2023, 6:23pm UTC](https://community.elfsight.com/t/remove-add-customization-tool-of-image-bounding-box-on-restaurant-menu-widget/17680/2 "2023-07-19T18:23:09Z")

</div>

Hi @Collin_Hicks 👋

Many thanks for sharing your awesome idea with us!

I’ll check with our dev team if anything can be done in your use case and get back to you 🙂

---

<div class="post-metadata">

**Author:** ![Masha](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/masha/32/1771_2.png) [@Masha](https://community.elfsight.com/u/Masha)\
**Post date:** [July 20, 2023, 7:49am UTC](https://community.elfsight.com/t/remove-add-customization-tool-of-image-bounding-box-on-restaurant-menu-widget/17680/4 "2023-07-20T07:49:58Z")

</div>

Hi @Collin_Hicks,

You can use the following CSS code to remove the border around the image:

```auto
[class*="Image__ImageComponent"]::after {
  border: none;
}

```

Let me know if it works for you!

---

<div class="post-metadata">

**Author:** ![Collin\_Hicks](https://avatars.discourse-cdn.com/v4/letter/c/85e7bf/32.png) [@Collin\_Hicks](https://community.elfsight.com/u/Collin_Hicks)\
**Post date:** [July 21, 2023, 4:14pm UTC](https://community.elfsight.com/t/remove-add-customization-tool-of-image-bounding-box-on-restaurant-menu-widget/17680/5 "2023-07-21T16:14:30Z")

</div>

This worked! Thank you!
