# Any way to make the webviewer component transparent?

**URL:** <https://community.thunkable.com/t/any-way-to-make-the-webviewer-component-transparent/822791>\
**Category:** Questions about Thunkable X\
**Created:** [September 16, 2020, 4:19pm UTC](https://community.thunkable.com/t/any-way-to-make-the-webviewer-component-transparent/822791 "2020-09-16T16:19:55Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![Pedro\_Alcaide](https://avatars.discourse-cdn.com/v4/letter/p/e495f1/32.png) [@Pedro\_Alcaide](https://community.thunkable.com/u/Pedro_Alcaide)\
**Post date:** [September 16, 2020, 4:19pm UTC](https://community.thunkable.com/t/any-way-to-make-the-webviewer-component-transparent/822791/1 "2020-09-16T16:19:55Z")

</div>

I have a html file with transparent background but when webviewer component loads it the background is white.

The webviewer component is set with a transparent background color in the advanced options but it ignores it.

---

<div class="post-metadata">

**Author:** ![jared](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jared/32/138473_2.png) [@jared](https://community.thunkable.com/u/jared)\
**Post date:** [September 16, 2020, 7:07pm UTC](https://community.thunkable.com/t/any-way-to-make-the-webviewer-component-transparent/822791/2 "2020-09-16T19:07:00Z")

</div>

Is your html file set to a transparent background?

Try this CSS

```auto
<style>

body { 
    background-color: transparent;
}

</style>

```

---

<div class="post-metadata">

**Author:** ![Pedro\_Alcaide](https://avatars.discourse-cdn.com/v4/letter/p/e495f1/32.png) [@Pedro\_Alcaide](https://community.thunkable.com/u/Pedro_Alcaide)\
**Post date:** [September 17, 2020, 7:15am UTC](https://community.thunkable.com/t/any-way-to-make-the-webviewer-component-transparent/822791/3 "2020-09-17T07:15:31Z")

</div>

Yes.

 ![screenshot-jsfiddle.net-2020.09.16-18_57_24](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/0/f/0fac233a19169a39e5d4fe541fbd3712fadda954.png)

 ![WhatsApp Image 2020-09-16 at 18.56.56](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/f/8/f8465468e78b70e0c9165afbde0c24828646d75b.jpeg)

---

<div class="post-metadata">

**Author:** ![Pedro\_Alcaide](https://avatars.discourse-cdn.com/v4/letter/p/e495f1/32.png) [@Pedro\_Alcaide](https://community.thunkable.com/u/Pedro_Alcaide)\
**Post date:** [September 21, 2020, 3:06pm UTC](https://community.thunkable.com/t/any-way-to-make-the-webviewer-component-transparent/822791/4 "2020-09-21T15:06:54Z")

</div>

On live preview work but in the device dont.

 ![WhatsApp Image 2020-09-21 at 17.01.41](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/2/1/213f9007e54cf0bf6e0294f24aa553e233a481d7.jpeg) ![screenshot-x.thunkable.com-2020.09.21-17_00_47](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/c/d/cd501bf17a0f41c80c7409792caf8b7347c5d91e.png)

---

<div class="post-metadata">

**Author:** ![jared](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jared/32/138473_2.png) [@jared](https://community.thunkable.com/u/jared)\
**Post date:** [September 21, 2020, 4:19pm UTC](https://community.thunkable.com/t/any-way-to-make-the-webviewer-component-transparent/822791/5 "2020-09-21T16:19:03Z")

</div>

What about when you download the app?

---

<div class="post-metadata">

**Author:** ![Pedro\_Alcaide](https://avatars.discourse-cdn.com/v4/letter/p/e495f1/32.png) [@Pedro\_Alcaide](https://community.thunkable.com/u/Pedro_Alcaide)\
**Post date:** [September 21, 2020, 4:52pm UTC](https://community.thunkable.com/t/any-way-to-make-the-webviewer-component-transparent/822791/6 "2020-09-21T16:52:11Z")

</div>

The background of the webviewer component is white on android device.

---

<div class="post-metadata">

**Author:** ![ioannis](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ioannis/32/146956_2.png) [@ioannis](https://community.thunkable.com/u/ioannis)\
**Post date:** [November 8, 2024, 12:23pm UTC](https://community.thunkable.com/t/any-way-to-make-the-webviewer-component-transparent/822791/7 "2024-11-08T12:23:51Z")

</div>