# Quick CSS query **URL:** \ **Category:** Ask for Help\ **Created:** [February 8, 2022, 3:33pm UTC](https://community.glideapps.com/t/quick-css-query/38258 "2022-02-08T15:33:43Z")\ **Posts on this page:** 11\ **Page:** 1
**Author:** ![Hassan\_Nadeem](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/hassan_nadeem/32/72956_2.png) [@Hassan\_Nadeem](https://community.glideapps.com/u/Hassan_Nadeem)\ **Post date:** [February 8, 2022, 3:33pm UTC](https://community.glideapps.com/t/quick-css-query/38258/1 "2022-02-08T15:33:43Z")
![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/f/f/ff61c48e831aa6277c187c683b716fdf1121e611.png) Hi Glide community, I need to write something like this in CSS. Can any one tell me how can I do that? ---
**Author:** ![kyleheney](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/kyleheney/32/41173_2.png) [@kyleheney](https://community.glideapps.com/u/kyleheney)\ **Post date:** [February 8, 2022, 3:54pm UTC](https://community.glideapps.com/t/quick-css-query/38258/2 "2022-02-08T15:54:06Z")
If you dont want to use an image to show this logo, you could simply add a Rich Text component and use Markdown to make part of the text bold. ---
**Author:** ![Hassan\_Nadeem](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/hassan_nadeem/32/72956_2.png) [@Hassan\_Nadeem](https://community.glideapps.com/u/Hassan_Nadeem)\ **Post date:** [February 8, 2022, 3:56pm UTC](https://community.glideapps.com/t/quick-css-query/38258/3 "2022-02-08T15:56:02Z")
I know that. I just need to know the code to write that in CSS. I was using # BREAKFAST & BRUNCH I want to UNBOLD THE BREAKFAST PART ---
**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:** [February 8, 2022, 4:40pm UTC](https://community.glideapps.com/t/quick-css-query/38258/4 "2022-02-08T16:40:14Z")
```auto BREAKFAST & BRUNCH ``` ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/c/0/c08fc51870fe51f94d3210beaef08f7b73e908b9.jpeg) ---
**Author:** ![kyleheney](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/kyleheney/32/41173_2.png) [@kyleheney](https://community.glideapps.com/u/kyleheney)\ **Post date:** [February 8, 2022, 5:18pm UTC](https://community.glideapps.com/t/quick-css-query/38258/5 "2022-02-08T17:18:34Z")
> [@Hassan\_Nadeem](#): > > I want to UNBOLD THE BREAKFAST PART If CSS is the preferred method, that’s totally fine, I just wanted to note that this can be accomplished without CSS using Markdown: `BREAKFAST & **BRUNCH** ` —\> this will give you BREAKFAST & **BRUNCH** ---
**Author:** ![Hassan\_Nadeem](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/hassan_nadeem/32/72956_2.png) [@Hassan\_Nadeem](https://community.glideapps.com/u/Hassan_Nadeem)\ **Post date:** [February 8, 2022, 7:36pm UTC](https://community.glideapps.com/t/quick-css-query/38258/6 "2022-02-08T19:36:10Z")
Can you please tell me how do I use markdown? ---
**Author:** ![kyleheney](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/kyleheney/32/41173_2.png) [@kyleheney](https://community.glideapps.com/u/kyleheney)\ **Post date:** [February 8, 2022, 7:38pm UTC](https://community.glideapps.com/t/quick-css-query/38258/7 "2022-02-08T19:38:24Z")
Simply insert a Rich Text component and change the Data field to “Custom”… then just type in your desired text and include any markdown characters you need. > **[Markdown Cheat Sheet | Markdown Guide](https://www.markdownguide.org/cheat-sheet/)** > > A quick reference to the Markdown syntax. Example: ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/d/b/db831b38380ee6369fc3fd8e80b59620d3058c16.png) Makes this: ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/c/8/c857f8d8b8bd27d82221b83c2135fd7313603a2f.png) ---
**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:** [February 9, 2022, 12:00am UTC](https://community.glideapps.com/t/quick-css-query/38258/8 "2022-02-09T00:00:53Z")
> [@Hassan\_Nadeem](#): > > I know that. I just need to know the code to write that in CSS. Actually, what are you looking for? In simple cases, you can simply use markdown as directed by @kyleheney. And if what you want is more varied/dynamic, you can actually use the [Html Editor](https://htmlg.com/html-editor/) which is widely available on many websites with WYSIWYG features. ---
**Author:** ![Hassan\_Nadeem](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/hassan_nadeem/32/72956_2.png) [@Hassan\_Nadeem](https://community.glideapps.com/u/Hassan_Nadeem)\ **Post date:** [February 9, 2022, 12:05am UTC](https://community.glideapps.com/t/quick-css-query/38258/9 "2022-02-09T00:05:03Z")
How to use markdown ? ☹ ---
**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:** [February 9, 2022, 12:17am UTC](https://community.glideapps.com/t/quick-css-query/38258/10 "2022-02-09T00:17:24Z")
Have you got the answer you need? ---
**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:** [February 9, 2022, 12:47am UTC](https://community.glideapps.com/t/quick-css-query/38258/11 "2022-02-09T00:47:32Z")
> [@Hassan\_Nadeem](#): > > How to use markdown ? 👇 > [@kyleheney](#): > > Simply insert a Rich Text component and change the Data field to “Custom”… then just type in your desired text and include any markdown characters you need. > > [Markdown Cheat Sheet | Markdown Guide](https://www.markdownguide.org/cheat-sheet/) > > Example: > > ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/d/b/db831b38380ee6369fc3fd8e80b59620d3058c16.png) > > Makes this: > > ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/c/8/c857f8d8b8bd27d82221b83c2135fd7313603a2f.png)