# CSS for Buttons Background

**URL:** <https://community.glideapps.com/t/css-for-buttons-background/61161>\
**Category:** Ask for Help\
**Created:** [April 29, 2023, 2:02pm UTC](https://community.glideapps.com/t/css-for-buttons-background/61161 "2023-04-29T14:02:50Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Yasin\_Hassanien](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/yasin_hassanien/32/9042_2.png) [@Yasin\_Hassanien](https://community.glideapps.com/u/Yasin_Hassanien)\
**Post date:** [April 29, 2023, 2:02pm UTC](https://community.glideapps.com/t/css-for-buttons-background/61161/1 "2023-04-29T14:02:50Z")

</div>

Hi Community,

Any way how I can control this type of button background so I can control different color for it

Keep in mind am using Tiles Buttons

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/a/b/ab05fb523dc08ce2a853d66eb4926e75f3bac70d.png)

---

<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:** [April 30, 2023, 12:23am UTC](https://community.glideapps.com/t/css-for-buttons-background/61161/2 "2023-04-30T00:23:21Z")

</div>

![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/7/c/7c0fc007be446b4bb3aa6ae3bc10908aed1e1473.png)

```auto
div[data-testid*="test-tiles"] button[aria-label="Primary"].tiles {
background-color: gold;
}

div[data-testid*="test-tiles"] button[aria-label="Secondary"].tiles {
background-color: green;
color: white;
}

div[data-testid*="test-tiles"] button[aria-label="Go!"].tiles {
background-color: magenta;
color: white;
}

```

The custom CSS class here is “test-tiles”.

If you have a sole “open link” action, it should change from “button[aria-label…]” to “a[aria-label…”.

---

<div class="post-metadata">

**Author:** ![system](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/system/32/53398_2.png) [@system](https://community.glideapps.com/u/system)\
**Post date:** [May 1, 2023, 12:23am UTC](https://community.glideapps.com/t/css-for-buttons-background/61161/3 "2023-05-01T00:23:32Z")

</div>

This topic was automatically closed 24 hours after the last reply. New replies are no longer allowed.