# 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:** 1\
**Showing post:** 8

<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)

---

_[View the full topic](https://community.glideapps.com/t/is-it-possible-to-change-button-color/23236)._