# Change font size with Rich Text

**URL:** <https://community.glideapps.com/t/change-font-size-with-rich-text/61335>\
**Category:** Ask for Help\
**Created:** [May 4, 2023, 11:18am UTC](https://community.glideapps.com/t/change-font-size-with-rich-text/61335 "2023-05-04T11:18:18Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![Byder\_App](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/byder_app/32/56553_2.png) [@Byder\_App](https://community.glideapps.com/u/Byder_App)\
**Post date:** [May 4, 2023, 11:18am UTC](https://community.glideapps.com/t/change-font-size-with-rich-text/61335/1 "2023-05-04T11:18:18Z")

</div>

Hi I’m trying to add to prices horizontally next to each other.  
One is a normal price which I want to display in bold and bigger font, and the other is a crossed out price which I’m currently displaying as rich text using ~price~.

The problem is I can’t figure out how to align them horizontally. I’ve tried concatenating the two into one column and changing the font size using

, but when I do that the crossed out text stops displaying as crossed out.

Any tips?

Thank you!!

---

<div class="post-metadata">

**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:** [May 4, 2023, 11:29am UTC](https://community.glideapps.com/t/change-font-size-with-rich-text/61335/2 "2023-05-04T11:29:49Z")

</div>

You could use inline styling in a rich text component.  
For example:

```auto
<span style="font-size:40px;font-weight:bold">$100.00</span>
<span style="text-decoration:line-through">$110.00</span>

```

would render like so:

![CleanShot 2023-05-04 at 19.28.51@2x](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/2/0/202ee4050fef98e4f8641904aa294a6bf0daeb37.png)

---

<div class="post-metadata">

**Author:** ![Byder\_App](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/byder_app/32/56553_2.png) [@Byder\_App](https://community.glideapps.com/u/Byder_App)\
**Post date:** [May 4, 2023, 11:33am UTC](https://community.glideapps.com/t/change-font-size-with-rich-text/61335/3 "2023-05-04T11:33:16Z")

</div>

Tysm! Would there be any way to change the color as well?

---

<div class="post-metadata">

**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:** [May 4, 2023, 11:45am UTC](https://community.glideapps.com/t/change-font-size-with-rich-text/61335/4 "2023-05-04T11:45:40Z")

</div>

Yes, just extend the styling, eg:

```auto
<span style="font-size:40px;font-weight:bold; color:red">$100.00</span>
<span style="font-size:20px;text-decoration:line-through; color:green">$110.00</span>

```

![CleanShot 2023-05-04 at 19.45.10@2x](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/2/b/2b0147b56a5da28ae0f61ae89a017157d38f1ee8.png)

---

<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:** [May 5, 2023, 11:46am UTC](https://community.glideapps.com/t/change-font-size-with-rich-text/61335/5 "2023-05-05T11:46:06Z")

</div>

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