# How to manipulate the floating button's color, order and size?

**URL:** <https://community.glideapps.com/t/how-to-manipulate-the-floating-buttons-color-order-and-size/47108>\
**Category:** Ask for Help\
**Created:** [August 18, 2022, 9:22am UTC](https://community.glideapps.com/t/how-to-manipulate-the-floating-buttons-color-order-and-size/47108 "2022-08-18T09:22:51Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![Thoughts](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thoughts/32/46790_2.png) [@Thoughts](https://community.glideapps.com/u/Thoughts)\
**Post date:** [August 18, 2022, 9:22am UTC](https://community.glideapps.com/t/how-to-manipulate-the-floating-buttons-color-order-and-size/47108/1 "2022-08-18T09:22:51Z")

</div>

Is there a way to move the floating button on TOP (z-index) of the Tab bar?  
Also, Any way to make it bigger?  
Also, Any way to change it’s color?

Thanks 🙂

 ![Screenshot 2022-08-18 at 10.34.09](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/6/2/62866b0e089db14921cf6e517a8c3959f03c172b.png)

---

<div class="post-metadata">

**Author:** ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)\
**Post date:** [August 18, 2022, 10:14am UTC](https://community.glideapps.com/t/how-to-manipulate-the-floating-buttons-color-order-and-size/47108/2 "2022-08-18T10:14:56Z")

</div>

> **[Notion – The all-in-one workspace for your notes, tasks, wikis, and databases.](https://glidecommunity.notion.site/Change-color-of-floating-button-245f19a1281e4f689bad1b67790e2d12)**
>
> A new tool that blends your everyday work apps into one. It's the all-in-one workspace for you and your team

---

<div class="post-metadata">

**Author:** ![Thoughts](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thoughts/32/46790_2.png) [@Thoughts](https://community.glideapps.com/u/Thoughts)\
**Post date:** [August 18, 2022, 11:50am UTC](https://community.glideapps.com/t/how-to-manipulate-the-floating-buttons-color-order-and-size/47108/4 "2022-08-18T11:50:42Z")

</div>

Thank you very much!  
Any idea about the other two? (bringing to front and resizing?

---

<div class="post-metadata">

**Author:** ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)\
**Post date:** [August 18, 2022, 11:52am UTC](https://community.glideapps.com/t/how-to-manipulate-the-floating-buttons-color-order-and-size/47108/5 "2022-08-18T11:52:22Z")

</div>

If you search that Notion site for floating buttons, you should find what you’re looking for.

---

<div class="post-metadata">

**Author:** ![Thoughts](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thoughts/32/46790_2.png) [@Thoughts](https://community.glideapps.com/u/Thoughts)\
**Post date:** [August 18, 2022, 2:07pm UTC](https://community.glideapps.com/t/how-to-manipulate-the-floating-buttons-color-order-and-size/47108/6 "2022-08-18T14:07:25Z")

</div>

The notion is a great resource - but couldn’t find answers to my requirements there…

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [August 19, 2022, 1:34am UTC](https://community.glideapps.com/t/how-to-manipulate-the-floating-buttons-color-order-and-size/47108/7 "2022-08-19T01:34:18Z")

</div>

I don’t have answers for you on bringing the button to front. I assume I’m not getting the full picture on layers here, but the usual way to do this is to use z-index.

For sizing, try using a combination in changes for width, height and an appropriate border-radius.

---

<div class="post-metadata">

**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\
**Post date:** [August 19, 2022, 2:51am UTC](https://community.glideapps.com/t/how-to-manipulate-the-floating-buttons-color-order-and-size/47108/8 "2022-08-19T02:51:42Z")

</div>

you gonna have to move z-index of the top bar or display “non” it, but i would recommend using CSS images instead of floating buttons, much easier… buttons have too many parameters to deal with.