# Background color for the box with zoomed image

**URL:** <https://forum.dynamobim.com/t/background-color-for-the-box-with-zoomed-image/12692>\
**Category:** Site Feedback\
**Created:** [June 24, 2017, 3:20am UTC](https://forum.dynamobim.com/t/background-color-for-the-box-with-zoomed-image/12692 "2017-06-24T03:20:33Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![Eduard\_Louis](https://sea2.discourse-cdn.com/flex022/user_avatar/forum.dynamobim.com/eduard_louis/32/27693_2.png) [@Eduard\_Louis](https://forum.dynamobim.com/u/Eduard_Louis)\
**Post date:** [June 24, 2017, 3:20am UTC](https://forum.dynamobim.com/t/background-color-for-the-box-with-zoomed-image/12692/1 "2017-06-24T03:20:33Z")

</div>

Because of the transparent background of workspace export from Dynamo, some images are not shown correctly when they are enlarged.

 ![](https://us1.discourse-cdn.com/flex022/uploads/dynamobim/original/3X/1/0/10a06bb6291043d13d53ae8e623aa67a348e6086.jpg)

This can be avoid by adding a background color for image class in the CSS style for the forum, like in below picture.

 ![](https://us1.discourse-cdn.com/flex022/uploads/dynamobim/original/3X/4/2/4228467832f67c9b5184e913fe68a83c9f5984c4.png)

Hope to be solved.

---

<div class="post-metadata">

**Author:** ![Konrad\_K\_Sobon](https://sea2.discourse-cdn.com/flex022/user_avatar/forum.dynamobim.com/konrad_k_sobon/32/8838_2.png) [@Konrad\_K\_Sobon](https://forum.dynamobim.com/u/Konrad_K_Sobon)\
**Post date:** [June 27, 2017, 1:03pm UTC](https://forum.dynamobim.com/t/background-color-for-the-box-with-zoomed-image/12692/2 "2017-06-27T13:03:46Z")

</div>

I think this issue was already raised before. @Zach_Kron is our site admin and last time he was looking into this, it was not immediately possible. Zach, any updates?

---

<div class="post-metadata">

**Author:** ![Nick\_Boyts](https://sea2.discourse-cdn.com/flex022/user_avatar/forum.dynamobim.com/nick_boyts/32/76313_2.png) [@Nick\_Boyts](https://forum.dynamobim.com/u/Nick_Boyts)\
**Post date:** [June 27, 2017, 2:06pm UTC](https://forum.dynamobim.com/t/background-color-for-the-box-with-zoomed-image/12692/3 "2017-06-27T14:06:06Z")

</div>

You can also just make your entire graph a group before snapping an image.

---

<div class="post-metadata">

**Author:** ![jacob.small](https://sea2.discourse-cdn.com/flex022/user_avatar/forum.dynamobim.com/jacob.small/32/161030_2.png) [@jacob.small](https://forum.dynamobim.com/u/jacob.small)\
**Post date:** [June 27, 2017, 5:03pm UTC](https://forum.dynamobim.com/t/background-color-for-the-box-with-zoomed-image/12692/4 "2017-06-27T17:03:34Z")

</div>

My workaround: Open all images in a new tab. Also helps to be able to refer back to them while typing my response.

---

<div class="post-metadata">

**Author:** ![Racel](https://sea2.discourse-cdn.com/flex022/user_avatar/forum.dynamobim.com/racel/32/8562_2.png) [@Racel](https://forum.dynamobim.com/u/Racel)\
**Post date:** [June 28, 2017, 2:03pm UTC](https://forum.dynamobim.com/t/background-color-for-the-box-with-zoomed-image/12692/5 "2017-06-28T14:03:05Z")

</div>

@Konrad_K_Sobon@Eduard_Louis @Zach_Kron - I updated the CSS for the site. There should be a white background for transparent pngs. Let me know if you are still having issues.

---

<div class="post-metadata">

**Author:** ![Eduard\_Louis](https://sea2.discourse-cdn.com/flex022/user_avatar/forum.dynamobim.com/eduard_louis/32/27693_2.png) [@Eduard\_Louis](https://forum.dynamobim.com/u/Eduard_Louis)\
**Post date:** [June 28, 2017, 2:06pm UTC](https://forum.dynamobim.com/t/background-color-for-the-box-with-zoomed-image/12692/6 "2017-06-28T14:06:24Z")

</div>

Problem is solved. Looks nice.

---

<div class="post-metadata">

**Author:** ![Zach\_Kron](https://sea2.discourse-cdn.com/flex022/user_avatar/forum.dynamobim.com/zach_kron/32/349_2.png) [@Zach\_Kron](https://forum.dynamobim.com/u/Zach_Kron)\
**Post date:** [June 28, 2017, 10:19pm UTC](https://forum.dynamobim.com/t/background-color-for-the-box-with-zoomed-image/12692/7 "2017-06-28T22:19:00Z")

</div>

Thanks @Racel, you’re the best

---

<div class="post-metadata">

**Author:** ![jacob.small](https://sea2.discourse-cdn.com/flex022/user_avatar/forum.dynamobim.com/jacob.small/32/161030_2.png) [@jacob.small](https://forum.dynamobim.com/u/jacob.small)\
**Post date:** [June 28, 2017, 11:36pm UTC](https://forum.dynamobim.com/t/background-color-for-the-box-with-zoomed-image/12692/8 "2017-06-28T23:36:32Z")

</div>

Still difficult with safari browser on iOS. Maybe my device though.

---

<div class="post-metadata">

**Author:** ![Racel](https://sea2.discourse-cdn.com/flex022/user_avatar/forum.dynamobim.com/racel/32/8562_2.png) [@Racel](https://forum.dynamobim.com/u/Racel)\
**Post date:** [June 29, 2017, 12:53pm UTC](https://forum.dynamobim.com/t/background-color-for-the-box-with-zoomed-image/12692/9 "2017-06-29T12:53:02Z")

</div>

@jacob.small - Try again. Updated the mobile CSS…

---

<div class="post-metadata">

**Author:** ![jacob.small](https://sea2.discourse-cdn.com/flex022/user_avatar/forum.dynamobim.com/jacob.small/32/161030_2.png) [@jacob.small](https://forum.dynamobim.com/u/jacob.small)\
**Post date:** [June 29, 2017, 12:54pm UTC](https://forum.dynamobim.com/t/background-color-for-the-box-with-zoomed-image/12692/10 "2017-06-29T12:54:18Z")

</div>

Perfect!  
I wish I could give 1000 hearts for this!
