# Styling Rich Text to look like Choice element labels

**URL:** <https://community.glideapps.com/t/styling-rich-text-to-look-like-choice-element-labels/75305>\
**Category:** Ask for Help\
**Created:** [July 31, 2024, 7:48am UTC](https://community.glideapps.com/t/styling-rich-text-to-look-like-choice-element-labels/75305 "2024-07-31T07:48:16Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![adriank](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/adriank/32/78193_2.png) [@adriank](https://community.glideapps.com/u/adriank)\
**Post date:** [July 31, 2024, 7:48am UTC](https://community.glideapps.com/t/styling-rich-text-to-look-like-choice-element-labels/75305/1 "2024-07-31T07:48:16Z")

</div>

Seeking some help. Inexperienced with CSS ☹

Attempting to use rich text labels for choices (making label blank and just having a rich text component above) that require it and struggling to make the styling the same. Hoping there’s an easy inline style I can use as I’ve already got 300 choice elements.

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

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

The closest I’ve been able to get is with a `<h3 style=font-size:90%;>`  
 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/e/0/e0814520587d429d05f0fbeabae4ed28248818f1.png)

Is there a list of the included CSS somewhere without diving through the browser developer tools as well?

Cheers!

---

<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:** [August 1, 2024, 12:14am UTC](https://community.glideapps.com/t/styling-rich-text-to-look-like-choice-element-labels/75305/2 "2024-08-01T00:14:45Z")

</div>

So I take it you want to make the label of the choice component bolder, or what’s the expectation?

---

<div class="post-metadata">

**Author:** ![adriank](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/adriank/32/78193_2.png) [@adriank](https://community.glideapps.com/u/adriank)\
**Post date:** [August 1, 2024, 2:36am UTC](https://community.glideapps.com/t/styling-rich-text-to-look-like-choice-element-labels/75305/3 "2024-08-01T02:36:04Z")

</div>

I am trying to exactly replicate the styling of the text in a choice component in a rich text component.

---

<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:** [August 1, 2024, 2:38am UTC](https://community.glideapps.com/t/styling-rich-text-to-look-like-choice-element-labels/75305/4 "2024-08-01T02:38:38Z")

</div>

> [@adriank](#):
>
> font-size:90%;

Try setting `font-size:0.875em;` and `font-weight:600;`

---

<div class="post-metadata">

**Author:** ![adriank](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/adriank/32/78193_2.png) [@adriank](https://community.glideapps.com/u/adriank)\
**Post date:** [August 1, 2024, 3:56am UTC](https://community.glideapps.com/t/styling-rich-text-to-look-like-choice-element-labels/75305/5 "2024-08-01T03:56:49Z")

</div>

Thank you mate! That is identical to my eyes.

Small change but very useful for me.

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

![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/1/5/15510cd52e8ef379fcd4358588e87813d5f884d3.png)

Can I ask how you found these 2 styles?

---

<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:** [August 1, 2024, 4:05am UTC](https://community.glideapps.com/t/styling-rich-text-to-look-like-choice-element-labels/75305/6 "2024-08-01T04:05:49Z")

</div>

Units for font size, usually rarely use percent (ratio). Use px, em or rem. All this is general CSS code for handling fonts.

---

<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:** [August 1, 2024, 4:31am UTC](https://community.glideapps.com/t/styling-rich-text-to-look-like-choice-element-labels/75305/7 "2024-08-01T04:31:12Z")

</div>

Is there a reason you’re trying to style the rich text just like the native label? I assume to add more text after the rich text for further clarification?

---

<div class="post-metadata">

**Author:** ![adriank](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/adriank/32/78193_2.png) [@adriank](https://community.glideapps.com/u/adriank)\
**Post date:** [August 1, 2024, 9:07am UTC](https://community.glideapps.com/t/styling-rich-text-to-look-like-choice-element-labels/75305/8 "2024-08-01T09:07:07Z")

</div>

Yeah correct, just need some additional info that looked out of place with a normal label. No way to apply formatting, or do line breaks etc.

So I put a Rich Text above a Choice with no label text. Am just horrible with CSS!

---

<div class="post-metadata">

**Author:** ![system](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/system/32/53398_2.png) [@system](https://community.glideapps.com/u/system)\
**Post date:** [August 8, 2024, 9:07am UTC](https://community.glideapps.com/t/styling-rich-text-to-look-like-choice-element-labels/75305/9 "2024-08-08T09:07:49Z")

</div>

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.
