# Is it possible to change button color

**URL:** <https://community.glideapps.com/t/is-it-possible-to-change-button-color/23236>\
**Category:** Ask for Help\
**Created:** [February 22, 2021, 5:04pm UTC](https://community.glideapps.com/t/is-it-possible-to-change-button-color/23236 "2021-02-22T17:04:17Z")\
**Posts on this page:** 13\
**Page:** 1

<div class="post-metadata">

**Author:** ![Nigel\_Mendoza](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/nigel_mendoza/32/8644_2.png) [@Nigel\_Mendoza](https://community.glideapps.com/u/Nigel_Mendoza)\
**Post date:** [February 22, 2021, 5:04pm UTC](https://community.glideapps.com/t/is-it-possible-to-change-button-color/23236/1 "2021-02-22T17:04:17Z")

</div>

Hi can anyone tell me if it’s possible to change the color of one button in the app, the app theme is Green I would like a 1 Red button

---

<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:** [February 22, 2021, 8:15pm UTC](https://community.glideapps.com/t/is-it-possible-to-change-button-color/23236/2 "2021-02-22T20:15:15Z")

</div>

Yes, check this app, you will find many tricks like that there

> **[Code BOOK](https://code-book.glideapp.io/)**
>
> share cool codes, scripts and links

---

<div class="post-metadata">

**Author:** ![MrApp](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mrapp/32/22017_2.png) [@MrApp](https://community.glideapps.com/u/MrApp)\
**Post date:** [February 22, 2021, 9:27pm UTC](https://community.glideapps.com/t/is-it-possible-to-change-button-color/23236/3 "2021-02-22T21:27:39Z")

</div>

Yes we have different colours in our app but it was changed with CSS

---

<div class="post-metadata">

**Author:** ![Pablo\_books](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/pablo_books/32/2110_2.png) [@Pablo\_books](https://community.glideapps.com/u/Pablo_books)\
**Post date:** [February 22, 2021, 10:29pm UTC](https://community.glideapps.com/t/is-it-possible-to-change-button-color/23236/4 "2021-02-22T22:29:13Z")

</div>

Hi @Nigel_Mendoza!

Insert this into a rich text component.

```auto
<pre><span><style>
[data-test="app-button-view"] {
background: red !important

```

---

<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:** [February 23, 2021, 3:15am UTC](https://community.glideapps.com/t/is-it-possible-to-change-button-color/23236/5 "2021-02-23T03:15:04Z")

</div>

just updated code book with this one. but he want a specific button, this code is changing all buttons

---

<div class="post-metadata">

**Author:** ![Nigel\_Mendoza](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/nigel_mendoza/32/8644_2.png) [@Nigel\_Mendoza](https://community.glideapps.com/u/Nigel_Mendoza)\
**Post date:** [February 23, 2021, 2:58pm UTC](https://community.glideapps.com/t/is-it-possible-to-change-button-color/23236/6 "2021-02-23T14:58:56Z")

</div>

Thank s but yes it’s changing all buttons. I have four buttons on the main page I would like to change only one of the buttons to red.

---

<div class="post-metadata">

**Author:** ![Pablo\_books](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/pablo_books/32/2110_2.png) [@Pablo\_books](https://community.glideapps.com/u/Pablo_books)\
**Post date:** [February 23, 2021, 4:11pm UTC](https://community.glideapps.com/t/is-it-possible-to-change-button-color/23236/7 "2021-02-23T16:11:20Z")

</div>

Changing only one button’s color is not possible (I’m 99% sure)

@Lucas_Pires Am i right?

---

<div class="post-metadata">

**Author:** ![Lucas\_Pires](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/lucas_pires/32/64863_2.png) [@Lucas\_Pires](https://community.glideapps.com/u/Lucas_Pires)\
**Post date:** [February 23, 2021, 4:25pm UTC](https://community.glideapps.com/t/is-it-possible-to-change-button-color/23236/8 "2021-02-23T16:25:57Z")

</div>

Actually, we can using this workaround:

> [@Dynamically show Most Viewed Posts](https://community.glideapps.com/t/dynamically-show-most-viewed-posts/22189/12):
>
> Your lucky day! tadaThank @marcioferlan, he helpes me a lot and helped me to find this! Obs: This :nth-of-type (1) has to match the ordinal of the component that represents the inline, you know? If there are other components above the first inline, this ordinal has to be adjusted. \<style\> div[id\*='screenScrollView'] \> div \> div:nth-of-type(1) button[data-test='see-all'] { display: none; } \</style\>

Replacing the “See All” class to button’s class and the order of the component:

```
<pre><span><style>
div[id*='screenScrollView'] > div > :nth-of-type(4) button {
    background-color: red;
    color: yellow;
}

```

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/5/7/5727f05738f5d9a3da1e59c4f4f03600e11b834f.jpeg)

---

<div class="post-metadata">

**Author:** ![Nigel\_Mendoza](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/nigel_mendoza/32/8644_2.png) [@Nigel\_Mendoza](https://community.glideapps.com/u/Nigel_Mendoza)\
**Post date:** [February 23, 2021, 4:37pm UTC](https://community.glideapps.com/t/is-it-possible-to-change-button-color/23236/9 "2021-02-23T16:37:22Z")

</div>

🥳 🥳 Thats Perfect thanks

---

<div class="post-metadata">

**Author:** ![Lucas\_Pires](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/lucas_pires/32/64863_2.png) [@Lucas\_Pires](https://community.glideapps.com/u/Lucas_Pires)\
**Post date:** [February 23, 2021, 4:39pm UTC](https://community.glideapps.com/t/is-it-possible-to-change-button-color/23236/10 "2021-02-23T16:39:49Z")

</div>

Enjoy it 😁

---

<div class="post-metadata">

**Author:** ![Nigel\_Mendoza](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/nigel_mendoza/32/8644_2.png) [@Nigel\_Mendoza](https://community.glideapps.com/u/Nigel_Mendoza)\
**Post date:** [February 23, 2021, 4:42pm UTC](https://community.glideapps.com/t/is-it-possible-to-change-button-color/23236/11 "2021-02-23T16:42:16Z")

</div>

This codebook is awesome thank you for the link 👍 👍

---

<div class="post-metadata">

**Author:** ![The\_Legit\_FAM](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/the_legit_fam/32/55557_2.png) [@The\_Legit\_FAM](https://community.glideapps.com/u/The_Legit_FAM)\
**Post date:** [February 19, 2023, 4:45am UTC](https://community.glideapps.com/t/is-it-possible-to-change-button-color/23236/12 "2023-02-19T04:45:56Z")

</div>

How do you code to customize button colors

---

<div class="post-metadata">

**Author:** ![NoCodeAndy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/nocodeandy/32/62530_2.png) [@NoCodeAndy](https://community.glideapps.com/u/NoCodeAndy)\
**Post date:** [January 17, 2024, 4:49pm UTC](https://community.glideapps.com/t/is-it-possible-to-change-button-color/23236/13 "2024-01-17T16:49:10Z")

</div>