# Customize buttons - CSS

**URL:** https://community.glideapps.com/t/customize-buttons-css/67895
**Category:** Ask for Help
**Created:** [November 17, 2023, 1:02pm UTC](https://community.glideapps.com/t/customize-buttons-css/67895 "2023-11-17T13:02:47Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![Monika](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/monika/32/49427_2.png) [@Monika](https://community.glideapps.com/u/Monika)
#### Post date: [November 17, 2023, 1:02pm UTC](https://community.glideapps.com/t/customize-buttons-css/67895/1 "2023-11-17T13:02:47Z")

</div>

Hello,

I need advice on how to customize the color of two different buttons (screenshot in the attachment). After adding Custom CSS for the second button, the first one reverts to its default display. What should the CSS settings look like so that each of the buttons has a different color and not the default one?

Thank you for the advice.  
Monika

 ![button 1](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/3/8/381f1bb15d5d07ac82f1c5c82bc4fbf1c504b0bd.png)  
 ![button 2](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/1/a/1a2725600fb394dd22c36a0ca2661c744639cf3d.jpeg)

---

<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: [November 17, 2023, 11:42pm UTC](https://community.glideapps.com/t/customize-buttons-css/67895/2 "2023-11-17T23:42:05Z")

</div>

Looks to be working for me.

```auto
.click button[aria-label="Button 1"] {
background: #60A3D9;
color: white;
}

.click2 button[aria-label="Button 2"] {
background: #B1D8B7;
color: black;
}

```

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/8/9/890a1f49bdc52f9edde2598574fffa866be9f4de.png)

---

<div class="post-metadata">

### Author: ![abdo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/abdo/32/36540_2.png) [@abdo](https://community.glideapps.com/u/abdo)
#### Post date: [November 18, 2023, 6:46am UTC](https://community.glideapps.com/t/customize-buttons-css/67895/3 "2023-11-18T06:46:40Z")

</div>

I had the same issue while testing custom css… after adding more css everything went… even though i did it again, it would keep its default css. I changed the css class names and wrote the css all over and it worked. Not sure what was the issue.

---

<div class="post-metadata">

### Author: ![Monika](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/monika/32/49427_2.png) [@Monika](https://community.glideapps.com/u/Monika)
#### Post date: [November 23, 2023, 6:55pm UTC](https://community.glideapps.com/t/customize-buttons-css/67895/4 "2023-11-23T18:55:28Z")

</div>

Thank you! I tried the settings according to the instructions and it works.

---

<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: [November 30, 2023, 6:55pm UTC](https://community.glideapps.com/t/customize-buttons-css/67895/5 "2023-11-30T18:55:43Z")

</div>

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