# Custom CSS Code

**URL:** <https://community.glideapps.com/t/custom-css-code/64737>\
**Category:** Ask for Help\
**Created:** [August 6, 2023, 12:39am UTC](https://community.glideapps.com/t/custom-css-code/64737 "2023-08-06T00:39:51Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![ibrahim17](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/ibrahim17/32/69140_2.png) [@ibrahim17](https://community.glideapps.com/u/ibrahim17)\
**Post date:** [August 6, 2023, 12:39am UTC](https://community.glideapps.com/t/custom-css-code/64737/1 "2023-08-06T00:39:51Z")

</div>

How can I change button colour to red in glide pages. Which Custom CSS code should be used. Can anybody help me out.  
Thanks!

---

<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:** [August 6, 2023, 1:07am UTC](https://community.glideapps.com/t/custom-css-code/64737/2 "2023-08-06T01:07:08Z")

</div>

```auto
.your-button-class-name button[aria-label="button-label-here"] {
background: red;
color: white;
}

```

Please remember to name your button’s class

---

<div class="post-metadata">

**Author:** ![ibrahim17](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/ibrahim17/32/69140_2.png) [@ibrahim17](https://community.glideapps.com/u/ibrahim17)\
**Post date:** [August 6, 2023, 1:18am UTC](https://community.glideapps.com/t/custom-css-code/64737/3 "2023-08-06T01:18:57Z")

</div>

Can you please elaborate more on button class name

---

<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:** [August 6, 2023, 1:33am UTC](https://community.glideapps.com/t/custom-css-code/64737/4 "2023-08-06T01:33:35Z")

</div>

Do you have access to use CSS?

![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/f/e/fee8d704583b99ea26cc7d7e452dcc0bf91fc048.png)

You can use the “CSS Class” field to name your button’s class name.

---

<div class="post-metadata">

**Author:** ![ibrahim17](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/ibrahim17/32/69140_2.png) [@ibrahim17](https://community.glideapps.com/u/ibrahim17)\
**Post date:** [August 6, 2023, 1:41am UTC](https://community.glideapps.com/t/custom-css-code/64737/5 "2023-08-06T01:41:31Z")

</div>

Yes, I have business plan

---

<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:** [August 6, 2023, 2:17am UTC](https://community.glideapps.com/t/custom-css-code/64737/6 "2023-08-06T02:17:14Z")

</div>

Then you can go ahead and configure it as stated above.