# Button Colour/Color in Glide Apps (ex Pages)

**URL:** <https://community.glideapps.com/t/button-colour-color-in-glide-apps-ex-pages/62647>\
**Category:** Ask for Help\
**Created:** [June 11, 2023, 9:29am UTC](https://community.glideapps.com/t/button-colour-color-in-glide-apps-ex-pages/62647 "2023-06-11T09:29:43Z")\
**Posts on this page:** 17\
**Page:** 1

<div class="post-metadata">

**Author:** ![snooprussyruss](https://avatars.discourse-cdn.com/v4/letter/s/e495f1/32.png) [@snooprussyruss](https://community.glideapps.com/u/snooprussyruss)\
**Post date:** [June 11, 2023, 9:29am UTC](https://community.glideapps.com/t/button-colour-color-in-glide-apps-ex-pages/62647/1 "2023-06-11T09:29:43Z")

</div>

Hi guys,

Just want to confirm my thinking on button colours…

Since Pages (or Apps - now) doesn’t support CSS I am assuming that there is no way to change the colour of a button.

In Classic apps - you had limited control over button colour using different ‘moods’; or via CSS.

Being able to make a button ‘red’ for instance - as a signal for danger is very useful from time to time.

In the meantime I have been able to achieve this outcome by simply inserting an image of the button in the colour I want and then attaching an action to it. It achieves the outcome well when viewed on a smartphone - but can be a bit variable on large screen devices as they all seem to render slightly differently and it becomes more obvious that the coloured button isn’t, in fact, a button - but an image with an action attached to it.

I am still relatively new to Glide and may be overlooking a simple way to achieve the outcome I am after.

Thoughts?

Russ

---

<div class="post-metadata">

**Author:** ![Petr\_Shemyagin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/petr_shemyagin/32/59902_2.png) [@Petr\_Shemyagin](https://community.glideapps.com/u/Petr_Shemyagin)\
**Post date:** [June 11, 2023, 9:35am UTC](https://community.glideapps.com/t/button-colour-color-in-glide-apps-ex-pages/62647/2 "2023-06-11T09:35:23Z")

</div>

Hey! Which pricing plan do you use? If you have the Busines or above you can use CSS in Glide Apps (pages)

---

<div class="post-metadata">

**Author:** ![snooprussyruss](https://avatars.discourse-cdn.com/v4/letter/s/e495f1/32.png) [@snooprussyruss](https://community.glideapps.com/u/snooprussyruss)\
**Post date:** [June 11, 2023, 9:42am UTC](https://community.glideapps.com/t/button-colour-color-in-glide-apps-ex-pages/62647/3 "2023-06-11T09:42:58Z")

</div>

Hi Petr,

Thank you for your super-speedy reply!

I have the NFP (Not for Profit Plan) - which I understand is the Business Plan minus Glide support (have to use the Community - which I have always found to be fantastic); and GET ROWS API functionality.

I have just checked the specs again for the NFP plan and it is silent on the CSS capability - so perhaps it is not included.

Is there a simple piece of CSS I could run - so that I can check myself without having to bother the Glide support people?

Thanks in advance,  
Russ

---

<div class="post-metadata">

**Author:** ![Petr\_Shemyagin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/petr_shemyagin/32/59902_2.png) [@Petr\_Shemyagin](https://community.glideapps.com/u/Petr_Shemyagin)\
**Post date:** [June 11, 2023, 9:44am UTC](https://community.glideapps.com/t/button-colour-color-in-glide-apps-ex-pages/62647/4 "2023-06-11T09:44:35Z")

</div>

Did you see that page? 🙂

> **[Glide • CSS for Pages](https://www.glideapps.com/docs/reference/ux/css-for-pages)**
>
> Customize the way your app looks

---

<div class="post-metadata">

**Author:** ![Petr\_Shemyagin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/petr_shemyagin/32/59902_2.png) [@Petr\_Shemyagin](https://community.glideapps.com/u/Petr_Shemyagin)\
**Post date:** [June 11, 2023, 9:45am UTC](https://community.glideapps.com/t/button-colour-color-in-glide-apps-ex-pages/62647/5 "2023-06-11T09:45:40Z")

</div>

As I know, that should work for non-profit plans. The logic of implementation is a bit different comparing to the classic Glide Apps, but it’s still quite easy

---

<div class="post-metadata">

**Author:** ![snooprussyruss](https://avatars.discourse-cdn.com/v4/letter/s/e495f1/32.png) [@snooprussyruss](https://community.glideapps.com/u/snooprussyruss)\
**Post date:** [June 11, 2023, 9:57am UTC](https://community.glideapps.com/t/button-colour-color-in-glide-apps-ex-pages/62647/6 "2023-06-11T09:57:13Z")

</div>

Hmmm… thanks for the vid.

So it seems that if CSS is included in my Plan I should see the custom CSS box in the Appearance screen witin settings:

 ![css](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/c/8/c8b96e0000a078e121e080053f0772d8242c3ae5.jpeg)

…or does it need to be ‘enabled’ from somewhere?

Russ

---

<div class="post-metadata">

**Author:** ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)\
**Post date:** [June 11, 2023, 9:58am UTC](https://community.glideapps.com/t/button-colour-color-in-glide-apps-ex-pages/62647/7 "2023-06-11T09:58:47Z")

</div>

I don’t believe it’s supported on the NFP.  
@kyleheney can confirm that.

---

<div class="post-metadata">

**Author:** ![Petr\_Shemyagin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/petr_shemyagin/32/59902_2.png) [@Petr\_Shemyagin](https://community.glideapps.com/u/Petr_Shemyagin)\
**Post date:** [June 11, 2023, 10:02am UTC](https://community.glideapps.com/t/button-colour-color-in-glide-apps-ex-pages/62647/8 "2023-06-11T10:02:15Z")

</div>

Ah, yes, I think you are right Darren, shame on me

I have a non-profit client and we had that plan previously, but I think we changed it to business before I started using CSS there

---

<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:** [June 11, 2023, 10:07am UTC](https://community.glideapps.com/t/button-colour-color-in-glide-apps-ex-pages/62647/9 "2023-06-11T10:07:23Z")

</div>

Seems like Kyle confirmed it here.

> [@Usage Page Updated, but Limits Don't Make Sense (Non-profit Account)](https://community.glideapps.com/t/usage-page-updated-but-limits-dont-make-sense-non-profit-account/56558/13):
>
> I’m also noticing that CSS no longer seems to be available for this plan. I haven’t heard anything official, though I’d expect a notification if they were to remove anything.

---

<div class="post-metadata">

**Author:** ![snooprussyruss](https://avatars.discourse-cdn.com/v4/letter/s/e495f1/32.png) [@snooprussyruss](https://community.glideapps.com/u/snooprussyruss)\
**Post date:** [June 11, 2023, 10:12am UTC](https://community.glideapps.com/t/button-colour-color-in-glide-apps-ex-pages/62647/10 "2023-06-11T10:12:17Z")

</div>

Thanks Guys,

Kyle is my ‘Glide Expert’ I use on my various projects - he is excellent. I will check with him to see if the NFP plan he uses has CSS enabled.

I will be upgrading plans soon anyway - so the problem will solve it self one way or another.

Thanks everyone for their help. The Glide “family” is so obliging!

Russ

---

<div class="post-metadata">

**Author:** ![Joe\_Gabriele](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/joe_gabriele/32/57595_2.png) [@Joe\_Gabriele](https://community.glideapps.com/u/Joe_Gabriele)\
**Post date:** [June 11, 2023, 2:45pm UTC](https://community.glideapps.com/t/button-colour-color-in-glide-apps-ex-pages/62647/11 "2023-06-11T14:45:14Z")

</div>

You might be able to create a custom HTML button in the Rich Text field and attach an action to it. Should work on any plan.

---

<div class="post-metadata">

**Author:** ![snooprussyruss](https://avatars.discourse-cdn.com/v4/letter/s/e495f1/32.png) [@snooprussyruss](https://community.glideapps.com/u/snooprussyruss)\
**Post date:** [June 11, 2023, 9:43pm UTC](https://community.glideapps.com/t/button-colour-color-in-glide-apps-ex-pages/62647/12 "2023-06-11T21:43:39Z")

</div>

Thanks Joe - I will give that a whirl.

Many thanks,

Russ

---

<div class="post-metadata">

**Author:** ![pipharvester](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/pipharvester/32/61697_2.png) [@pipharvester](https://community.glideapps.com/u/pipharvester)\
**Post date:** [June 22, 2023, 2:43pm UTC](https://community.glideapps.com/t/button-colour-color-in-glide-apps-ex-pages/62647/13 "2023-06-22T14:43:59Z")

</div>

Do you by chance have an example of doing this?

---

<div class="post-metadata">

**Author:** ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)\
**Post date:** [June 22, 2023, 2:57pm UTC](https://community.glideapps.com/t/button-colour-color-in-glide-apps-ex-pages/62647/14 "2023-06-22T14:57:13Z")

</div>

Here is an example:

> [@CSS: Choice component as a menu](https://community.glideapps.com/t/css-choice-component-as-a-menu/31118/28):
>
> Well, I’m no CSS wizard, but is this something like the effect you’re looking for? [CleanShot 2023-02-24 at 19.50.28]

---

<div class="post-metadata">

**Author:** ![pipharvester](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/pipharvester/32/61697_2.png) [@pipharvester](https://community.glideapps.com/u/pipharvester)\
**Post date:** [June 22, 2023, 3:05pm UTC](https://community.glideapps.com/t/button-colour-color-in-glide-apps-ex-pages/62647/15 "2023-06-22T15:05:05Z")

</div>

So sorry Darren I was referring to the html version since I am only on the Pro account level.

---

<div class="post-metadata">

**Author:** ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)\
**Post date:** [June 22, 2023, 3:08pm UTC](https://community.glideapps.com/t/button-colour-color-in-glide-apps-ex-pages/62647/16 "2023-06-22T15:08:51Z")

</div>

That is a HTML version, with inline styling. It can be used on any plan with the new Glide Apps.

---

<div class="post-metadata">

**Author:** ![pipharvester](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/pipharvester/32/61697_2.png) [@pipharvester](https://community.glideapps.com/u/pipharvester)\
**Post date:** [June 22, 2023, 3:14pm UTC](https://community.glideapps.com/t/button-colour-color-in-glide-apps-ex-pages/62647/17 "2023-06-22T15:14:14Z")

</div>

thank you as always!  
Ok that is an awesome bit of knowledge to use and it worked perfectly! Rounded the corners and love the results!  
I SOOOOO appreciate the community with Glide! Makes the entire process even better than just the Glide product!!
