# Apply CSS to Glide Page

**URL:** <https://community.glideapps.com/t/apply-css-to-glide-page/78338>\
**Category:** Ask for Help\
**Created:** [December 4, 2024, 3:15am UTC](https://community.glideapps.com/t/apply-css-to-glide-page/78338 "2024-12-04T03:15:04Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![biha](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/biha/32/84110_2.png) [@biha](https://community.glideapps.com/u/biha)\
**Post date:** [December 4, 2024, 3:15am UTC](https://community.glideapps.com/t/apply-css-to-glide-page/78338/1 "2024-12-04T03:15:05Z")

</div>

I am thinking to put some color to my calendar for each dates i am specify. Let say i want it to be different color on 25 Dec for Christmas day.  
It is possible? and how to do that. Beside grouping ya. i want it to be different color for whole box(date).

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

---

<div class="post-metadata">

**Author:** ![Himaladin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/himaladin/32/71023_2.png) [@Himaladin](https://community.glideapps.com/u/Himaladin)\
**Post date:** [December 4, 2024, 3:36am UTC](https://community.glideapps.com/t/apply-css-to-glide-page/78338/2 "2024-12-04T03:36:05Z")

</div>

You may try on this thread:

> [@date Customizing Calendar Events in Glide](https://community.glideapps.com/t/customizing-calendar-events-in-glide/72150):
>
> If you want to mark important moments in your calendar with colored displays, you can achieve this through CSS. Although Glide does not provide a feature to mark each event difference with a different color, based on keywords we can still take advantage of custom CSS, which is now available in all paid plans. Happy trying! Note: Here I added the class name "taskCalendar". /\* Change background color of Today \*/ .taskCalendar .rbc-time-content .rbc-today, .t…

---

<div class="post-metadata">

**Author:** ![biha](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/biha/32/84110_2.png) [@biha](https://community.glideapps.com/u/biha)\
**Post date:** [December 4, 2024, 3:42am UTC](https://community.glideapps.com/t/apply-css-to-glide-page/78338/3 "2024-12-04T03:42:01Z")

</div>

Thanks for reply me. But can i know where to add Class Name?

---

<div class="post-metadata">

**Author:** ![Himaladin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/himaladin/32/71023_2.png) [@Himaladin](https://community.glideapps.com/u/Himaladin)\
**Post date:** [December 4, 2024, 3:43am UTC](https://community.glideapps.com/t/apply-css-to-glide-page/78338/4 "2024-12-04T03:43:54Z")

</div>

In the right panel of the options of your calendar component.

---

<div class="post-metadata">

**Author:** ![biha](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/biha/32/84110_2.png) [@biha](https://community.glideapps.com/u/biha)\
**Post date:** [December 4, 2024, 3:45am UTC](https://community.glideapps.com/t/apply-css-to-glide-page/78338/5 "2024-12-04T03:45:37Z")

</div>

But this is my page

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

---

<div class="post-metadata">

**Author:** ![Himaladin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/himaladin/32/71023_2.png) [@Himaladin](https://community.glideapps.com/u/Himaladin)\
**Post date:** [December 4, 2024, 3:47am UTC](https://community.glideapps.com/t/apply-css-to-glide-page/78338/6 "2024-12-04T03:47:40Z")

</div>

Does your plan support custom css?

---

<div class="post-metadata">

**Author:** ![biha](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/biha/32/84110_2.png) [@biha](https://community.glideapps.com/u/biha)\
**Post date:** [December 4, 2024, 3:49am UTC](https://community.glideapps.com/t/apply-css-to-glide-page/78338/7 "2024-12-04T03:49:23Z")

</div>

my plan $99 . oh not all plan support . grrr

---

<div class="post-metadata">

**Author:** ![Himaladin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/himaladin/32/71023_2.png) [@Himaladin](https://community.glideapps.com/u/Himaladin)\
**Post date:** [December 4, 2024, 3:51am UTC](https://community.glideapps.com/t/apply-css-to-glide-page/78338/8 "2024-12-04T03:51:25Z")

</div>

Actually all paid plans support custom CSS. But I have read that only certain legacy plans are not supported.

---

<div class="post-metadata">

**Author:** ![biha](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/biha/32/84110_2.png) [@biha](https://community.glideapps.com/u/biha)\
**Post date:** [December 4, 2024, 3:54am UTC](https://community.glideapps.com/t/apply-css-to-glide-page/78338/9 "2024-12-04T03:54:06Z")

</div>

ya mine legacy Pro. i think just one year subscribe to this plan. lol.

---

<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:** [December 4, 2024, 11:46pm UTC](https://community.glideapps.com/t/apply-css-to-glide-page/78338/10 "2024-12-04T23:46:42Z")

</div>

![CleanShot 2024-12-05 at 06.45.54](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/4/8/48b90396c9b6de05a30c07ce040eb128b0fa1a8b.jpeg)