# What does Custom CSS do in the component's options section? **URL:** \ **Category:** Ask for Help\ **Created:** [November 16, 2023, 5:39pm UTC](https://community.glideapps.com/t/what-does-custom-css-do-in-the-components-options-section/67871 "2023-11-16T17:39:08Z")\ **Posts on this page:** 9\ **Page:** 1
**Author:** ![MattLB](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mattlb/32/41284_2.png) [@MattLB](https://community.glideapps.com/u/MattLB)\ **Post date:** [November 16, 2023, 5:39pm UTC](https://community.glideapps.com/t/what-does-custom-css-do-in-the-components-options-section/67871/1 "2023-11-16T17:39:08Z")
How does ‘CUSTOM CSS’ work? ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/0/7/07780a90939546845cc3a84848cb3c9903bc27f9.png) ---
**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:** [November 16, 2023, 5:41pm UTC](https://community.glideapps.com/t/what-does-custom-css-do-in-the-components-options-section/67871/2 "2023-11-16T17:41:40Z")
> **[Custom CSS](https://www.glideapps.com/docs/reference/user-experience/css-for-apps)** > > Customize the way your app looks with CSS. ---
**Author:** ![MattLB](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mattlb/32/41284_2.png) [@MattLB](https://community.glideapps.com/u/MattLB)\ **Post date:** [November 16, 2023, 6:06pm UTC](https://community.glideapps.com/t/what-does-custom-css-do-in-the-components-options-section/67871/3 "2023-11-16T18:06:29Z")
Watched the video for the third time and finally saw the 20 seconds of creating a “custom container” inside the component and then going to settings/appearance to enter the CSS for custom container. Is this a scoping mechanism? I currently use Custom CSS (defined within settings/appearance) without referencing it at the component level and it works fine. ---
**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:** [November 16, 2023, 6:14pm UTC](https://community.glideapps.com/t/what-does-custom-css-do-in-the-components-options-section/67871/4 "2023-11-16T18:14:21Z")
I haven’t personally used it, but I believe how it works is that you assign a class name to a specific component. Then when you add your custom CSS you can refer to that class name. I think you can globally set CSS like you are currently, but if you want more granular control over specific components, then you give each component a class name which will be more stable than trying to figure out class names by viewing the source. ---
**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:** [November 16, 2023, 11:32pm UTC](https://community.glideapps.com/t/what-does-custom-css-do-in-the-components-options-section/67871/5 "2023-11-16T23:32:40Z")
Yes, can confirm this is the correct take. ---
**Author:** ![Denis\_Mwendia](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/denis_mwendia/32/66168_2.png) [@Denis\_Mwendia](https://community.glideapps.com/u/Denis_Mwendia)\ **Post date:** [November 17, 2023, 4:54am UTC](https://community.glideapps.com/t/what-does-custom-css-do-in-the-components-options-section/67871/6 "2023-11-17T04:54:22Z")
How do I edit title font size in card component without affecting other fonts in the card component ---
**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:** [November 17, 2023, 11:27pm UTC](https://community.glideapps.com/t/what-does-custom-css-do-in-the-components-options-section/67871/7 "2023-11-17T23:27:06Z")
Target the specific class for the card’s title, not just the card. ---
**Author:** ![Denis\_Mwendia](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/denis_mwendia/32/66168_2.png) [@Denis\_Mwendia](https://community.glideapps.com/u/Denis_Mwendia)\ **Post date:** [November 18, 2023, 5:27am UTC](https://community.glideapps.com/t/what-does-custom-css-do-in-the-components-options-section/67871/8 "2023-11-18T05:27:37Z")
How do I do that sir. An example please ---
**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:** [November 18, 2023, 11:30pm UTC](https://community.glideapps.com/t/what-does-custom-css-do-in-the-components-options-section/67871/9 "2023-11-18T23:30:02Z")
You can use Inspect Element to find the class name related to the card’s title and reference it in your CSS. > **[Custom CSS](https://www.glideapps.com/docs/css-for-apps)** > > Customize the way your app looks with CSS.