# Change sidebar menu font + change sidebar color

**URL:** <https://community.glideapps.com/t/change-sidebar-menu-font-change-sidebar-color/78723>\
**Category:** Ask for Help\
**Created:** [December 21, 2024, 11:41pm UTC](https://community.glideapps.com/t/change-sidebar-menu-font-change-sidebar-color/78723 "2024-12-21T23:41:30Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Michael\_Newkirk](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/michael_newkirk/32/66236_2.png) [@Michael\_Newkirk](https://community.glideapps.com/u/Michael_Newkirk)\
**Post date:** [December 21, 2024, 11:41pm UTC](https://community.glideapps.com/t/change-sidebar-menu-font-change-sidebar-color/78723/1 "2024-12-21T23:41:30Z")

</div>

Hey, y’all. I’m decent with CSS, but I’m having a really hard time finding the class of the sidebar effectively. I want to change the font to something cleaner/leaner (I already have a few fonts hosted on Glide to reference). I’m just not having much luck.

Is this way easier than I’m making it out to be?

---

<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 22, 2024, 1:09am UTC](https://community.glideapps.com/t/change-sidebar-menu-font-change-sidebar-color/78723/2 "2024-12-22T01:09:36Z")

</div>

What do you have so far? Something like this would work if you find the right class.

> [@Import Custom Fonts?](https://community.glideapps.com/t/import-custom-fonts/78407/6):
>
> I haven’t tried it yet, but the .woff or .ttf files should be able to be stored in Glide itself. I think it will work. If you want to try this font, you should disable ‘compiled css’, because if applied across the entire app, you will need to access #app-root or at least #page-root.

---

<div class="post-metadata">

**Author:** ![Michael\_Newkirk](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/michael_newkirk/32/66236_2.png) [@Michael\_Newkirk](https://community.glideapps.com/u/Michael_Newkirk)\
**Post date:** [December 22, 2024, 2:14am UTC](https://community.glideapps.com/t/change-sidebar-menu-font-change-sidebar-color/78723/3 "2024-12-22T02:14:44Z")

</div>

Oh, I’ve gotten custom fonts down well. I’m using them throughout the application, so that part is good. It’s just finding the dang sidebar class haha. It’s been insanely rough. I’ve been able to change the sidebar font with #app-root - but that changes the other fonts as well, which isn’t helping much.
