# Changing the CSS Options for Rich Text Component

**URL:** <https://community.glideapps.com/t/changing-the-css-options-for-rich-text-component/79467>\
**Category:** Ask for Help\
**Tags:** custom-css\
**Created:** [January 24, 2025, 12:38am UTC](https://community.glideapps.com/t/changing-the-css-options-for-rich-text-component/79467 "2025-01-24T00:38:32Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![todd.y](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/todd.y/32/41350_2.png) [@todd.y](https://community.glideapps.com/u/todd.y)\
**Post date:** [January 24, 2025, 12:38am UTC](https://community.glideapps.com/t/changing-the-css-options-for-rich-text-component/79467/1 "2025-01-24T00:38:32Z")

</div>

Hey y’all!

I’m looking for some guidance on the formatting for the Custom CSS option for components, specifically Rich Text.

I tried applying what I thought would be appropriate formatting, but it didn’t take. I think I need to declare the ID specific component, but I’m not sure how to isolate it.

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

What am I missing here? Any help is appreciated.

---

<div class="post-metadata">

**Author:** ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)\
**Post date:** [January 24, 2025, 12:44am UTC](https://community.glideapps.com/t/changing-the-css-options-for-rich-text-component/79467/2 "2025-01-24T00:44:15Z")

</div>

The class is where you assign a class name to the component. The actual CSS goes in the CSS field via Settings-\> Appearance

---

<div class="post-metadata">

**Author:** ![todd.y](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/todd.y/32/41350_2.png) [@todd.y](https://community.glideapps.com/u/todd.y)\
**Post date:** [January 24, 2025, 12:58am UTC](https://community.glideapps.com/t/changing-the-css-options-for-rich-text-component/79467/3 "2025-01-24T00:58:06Z")

</div>

Okay, that moved me forward. Thank you, @Jeff_Hager!

I got the component to respond to the CSS change, but it looks like the font cannot be changed.

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/9/7/9715661dcd4bb39786c4aaf3d6ebc7f92855b380.png)

Is anyone aware of what other fonts we might be able to use in our GlideApps that can be applied by CSS, or how to overwrite the global configuration?

---

<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:** [January 24, 2025, 1:42am UTC](https://community.glideapps.com/t/changing-the-css-options-for-rich-text-component/79467/4 "2025-01-24T01:42:10Z")

</div>

> [@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:** ![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:** [January 24, 2025, 7:19am UTC](https://community.glideapps.com/t/changing-the-css-options-for-rich-text-component/79467/5 "2025-01-24T07:19:40Z")

</div>

Richtext or iframe components may not automatically inherit global styles. Explicitly setting the font-family in the styles ensures consistency, especially if the components operate in isolated contexts where global styles might not apply.