# Set transparency to button

**URL:** <https://community.thunkable.com/t/set-transparency-to-button/56985>\
**Category:** Questions about Thunkable X\
**Created:** [November 18, 2018, 4:25pm UTC](https://community.thunkable.com/t/set-transparency-to-button/56985 "2018-11-18T16:25:12Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![WallaceGromit](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/wallacegromit/32/16559_2.png) [@WallaceGromit](https://community.thunkable.com/u/WallaceGromit)\
**Post date:** [November 18, 2018, 4:25pm UTC](https://community.thunkable.com/t/set-transparency-to-button/56985/1 "2018-11-18T16:25:12Z")

</div>

In designer mode it is possible to give a transparency grade to the buttons.  
I would like to set total transparency as default, so I see the background picture, and set a slight shade of white once the button has been pressed. How can I do this?

---

<div class="post-metadata">

**Author:** ![actech](https://avatars.discourse-cdn.com/v4/letter/a/3d9bf3/32.png) [@actech](https://community.thunkable.com/u/actech)\
**Post date:** [November 18, 2018, 6:26pm UTC](https://community.thunkable.com/t/set-transparency-to-button/56985/2 "2018-11-18T18:26:47Z")

</div>

In design mode, use the palette

 ![%D0%B8%D0%B7%D0%BE%D0%B1%D1%80%D0%B0%D0%B6%D0%B5%D0%BD%D0%B8%D0%B5](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/c/9/c9b1e977ec55488e1cd65161269d307ac11f8281.png)

You can set transparency using blocks as follows

![%D0%B8%D0%B7%D0%BE%D0%B1%D1%80%D0%B0%D0%B6%D0%B5%D0%BD%D0%B8%D0%B5](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/9/6/9672d32e82a3160d16b6589b5fe82ac51ae2acb0.png)

---

<div class="post-metadata">

**Author:** ![WallaceGromit](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/wallacegromit/32/16559_2.png) [@WallaceGromit](https://community.thunkable.com/u/WallaceGromit)\
**Post date:** [November 19, 2018, 7:59am UTC](https://community.thunkable.com/t/set-transparency-to-button/56985/3 "2018-11-19T07:59:32Z")

</div>

Thank you very much: setting Color to “rgba(255,255,255,0.1)” I got what I wanted.

---

<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, 11:52am UTC](https://community.thunkable.com/t/set-transparency-to-button/56985/4 "2024-11-08T11:52:43Z")

</div>