# Changing a button color (show-case)

**URL:** <https://community.glideapps.com/t/changing-a-button-color-show-case/67189>\
**Category:** Project Showcase\
**Tags:** custom-css\
**Created:** [October 22, 2023, 5:50pm UTC](https://community.glideapps.com/t/changing-a-button-color-show-case/67189 "2023-10-22T17:50:23Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Brandon](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/brandon/32/58098_2.png) [@Brandon](https://community.glideapps.com/u/Brandon)\
**Post date:** [October 22, 2023, 5:50pm UTC](https://community.glideapps.com/t/changing-a-button-color-show-case/67189/1 "2023-10-22T17:50:23Z")

</div>

So far this form has not produced how to change a button color, this is how you do it without Rich-text and CSS instead.

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

Make sure you add the button part and you can customize it how you want.  
.Item **button** {  
width: 44px;  
height: 44px;  
border-radius: 6px;  
transform: scale(1);  
background-color: #000;  
}

![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/5/8/582b37888768d6363d57b9f19f0e4d52521003a1.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:** [October 22, 2023, 11:26pm UTC](https://community.glideapps.com/t/changing-a-button-color-show-case/67189/2 "2023-10-22T23:26:25Z")

</div>

Changed the category to “Project Showcase”.

Do you mean you’re changing the color of an existing button using CSS?

For other people reading this, please note that CSS is only available on Business/Enterprise.