# Web Viewer Background Color - How to Change?

**URL:** <https://community.thunkable.com/t/web-viewer-background-color-how-to-change/1171920>\
**Category:** Questions about Thunkable X\
**Created:** [March 17, 2021, 7:00am UTC](https://community.thunkable.com/t/web-viewer-background-color-how-to-change/1171920 "2021-03-17T07:00:32Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![Balanced\_Kitchen](https://avatars.discourse-cdn.com/v4/letter/b/839c29/32.png) [@Balanced\_Kitchen](https://community.thunkable.com/u/Balanced_Kitchen)\
**Post date:** [March 17, 2021, 7:00am UTC](https://community.thunkable.com/t/web-viewer-background-color-how-to-change/1171920/1 "2021-03-17T07:00:32Z")

</div>

How can I change the background color of Web Viewer. I saw that Styling has Background Color. I tried it but it obviously has no effect. Do you know another method?

---

<div class="post-metadata">

**Author:** ![cyberdriver](https://avatars.discourse-cdn.com/v4/letter/c/5e9695/32.png) [@cyberdriver](https://community.thunkable.com/u/cyberdriver)\
**Post date:** [March 17, 2021, 5:09pm UTC](https://community.thunkable.com/t/web-viewer-background-color-how-to-change/1171920/2 "2021-03-17T17:09:01Z")

</div>

The web viewer component will show the website you set it to so you can’t change the background color. What are you trying to show with the web viewer component? If it’s a website than you can’t change the background color. If you are trying to show a .html file than you just change it in the html code.

---

<div class="post-metadata">

**Author:** ![Balanced\_Kitchen](https://avatars.discourse-cdn.com/v4/letter/b/839c29/32.png) [@Balanced\_Kitchen](https://community.thunkable.com/u/Balanced_Kitchen)\
**Post date:** [March 17, 2021, 5:56pm UTC](https://community.thunkable.com/t/web-viewer-background-color-how-to-change/1171920/3 "2021-03-17T17:56:33Z")

</div>

I use several html files. The problem is that when I load one after the other, a white background appears, which I want to remove. I think the video will make it clearer.

[![]( " - YouTube") ](https://www.youtube.com/watch?v=JteWVEuMsWM)

---

<div class="post-metadata">

**Author:** ![cyberdriver](https://avatars.discourse-cdn.com/v4/letter/c/5e9695/32.png) [@cyberdriver](https://community.thunkable.com/u/cyberdriver)\
**Post date:** [March 17, 2021, 6:06pm UTC](https://community.thunkable.com/t/web-viewer-background-color-how-to-change/1171920/4 "2021-03-17T18:06:13Z")

</div>

I see. The issue is when you are switching between them. When I have worked with the web viewer, the background is clear for me so it would just show whatever is behind it. Did you try setting the background color of that page to the color you want?

---

<div class="post-metadata">

**Author:** ![Balanced\_Kitchen](https://avatars.discourse-cdn.com/v4/letter/b/839c29/32.png) [@Balanced\_Kitchen](https://community.thunkable.com/u/Balanced_Kitchen)\
**Post date:** [March 17, 2021, 6:13pm UTC](https://community.thunkable.com/t/web-viewer-background-color-how-to-change/1171920/5 "2021-03-17T18:13:38Z")

</div>

There is a background in the html files. There is a set background on the screen and the column in which the web viewer is. But whenever you switch from one html to another, a white background appears in the web viewer.

---

<div class="post-metadata">

**Author:** ![cyberdriver](https://avatars.discourse-cdn.com/v4/letter/c/5e9695/32.png) [@cyberdriver](https://community.thunkable.com/u/cyberdriver)\
**Post date:** [March 17, 2021, 6:20pm UTC](https://community.thunkable.com/t/web-viewer-background-color-how-to-change/1171920/6 "2021-03-17T18:20:18Z")

</div>

Yeah I tried it in a project and got the same result. I don’t think you can do anything about it.

---

<div class="post-metadata">

**Author:** ![Balanced\_Kitchen](https://avatars.discourse-cdn.com/v4/letter/b/839c29/32.png) [@Balanced\_Kitchen](https://community.thunkable.com/u/Balanced_Kitchen)\
**Post date:** [March 17, 2021, 6:24pm UTC](https://community.thunkable.com/t/web-viewer-background-color-how-to-change/1171920/7 "2021-03-17T18:24:57Z")

</div>

I also came to this conclusion . Thank you though!

---

<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:** [March 17, 2021, 6:41pm UTC](https://community.thunkable.com/t/web-viewer-background-color-how-to-change/1171920/8 "2021-03-17T18:41:59Z")

</div>

You could use more than 1 webviewer and toggle through them using conditional visibility as a workaround.

---

<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, 1:25pm UTC](https://community.thunkable.com/t/web-viewer-background-color-how-to-change/1171920/9 "2024-11-08T13:25:56Z")

</div>


