# Can I remove hyphens / dash "-" from rich text?

**URL:** <https://community.glideapps.com/t/can-i-remove-hyphens-dash-from-rich-text/63799>\
**Category:** Ask for Help\
**Tags:** custom-css\
**Created:** [July 12, 2023, 6:08am UTC](https://community.glideapps.com/t/can-i-remove-hyphens-dash-from-rich-text/63799 "2023-07-12T06:08:36Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![Kiwi](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/kiwi/32/60332_2.png) [@Kiwi](https://community.glideapps.com/u/Kiwi)\
**Post date:** [July 12, 2023, 6:08am UTC](https://community.glideapps.com/t/can-i-remove-hyphens-dash-from-rich-text/63799/1 "2023-07-12T06:08:36Z")

</div>

I’m using rich text to display a larger heading in a more custom font. But on mobile screens the hyphen is showing which looks terrible for user experience… Is there a way to get rid of this through the code I’m using?

```auto
<h1 style="font-family: 'Playfair Display', serif; text-align: left; font-size: 38px; hyphens: none;">We manage and reduce your gifting carbon footprint.</h1>

```

 ![360047809_1338797283651639_983606534611372827_n](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/c/2/c2d7060821f6ca1bc7d4cd0e73d93d17a66283fc.jpeg)

---

<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:** [July 12, 2023, 6:26am UTC](https://community.glideapps.com/t/can-i-remove-hyphens-dash-from-rich-text/63799/2 "2023-07-12T06:26:48Z")

</div>

Do you want the hyphens removed for all devices, or just mobile?

---

<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:** [July 13, 2023, 12:09am UTC](https://community.glideapps.com/t/can-i-remove-hyphens-dash-from-rich-text/63799/3 "2023-07-13T00:09:57Z")

</div>

![IMG_52F72B61F091-1](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/d/1/d168885051a49f3efbfead661fb403417f0f3bd9.jpeg)

This works for me.

```auto
<h1 style="font-family: 'Playfair Display', serif; text-align: left; font-size: 38px; hyphens: none;">We manage and reduce your gifting carbon footprint.</h1>

<span style="hyphens:none">We've partnered with Toitü Envirocare to analyse and understand the carbon footprint of our corporate gifting. We are designing a gifting lifecycle that manages and reduces greenhouse gas emissions each step of the way.</span>

```

---

<div class="post-metadata">

**Author:** ![Kiwi](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/kiwi/32/60332_2.png) [@Kiwi](https://community.glideapps.com/u/Kiwi)\
**Post date:** [July 13, 2023, 6:57pm UTC](https://community.glideapps.com/t/can-i-remove-hyphens-dash-from-rich-text/63799/4 "2023-07-13T18:57:30Z")

</div>

All devices please. On the glide viewer for mobile and desktop there are no hyphens, but when viewing the live page on my mobile phone there are. Is there a solution?

---

<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:** [July 14, 2023, 1:42am UTC](https://community.glideapps.com/t/can-i-remove-hyphens-dash-from-rich-text/63799/5 "2023-07-14T01:42:54Z")

</div>

Have you tried the code I used above? It works when I test on iOS.

---

<div class="post-metadata">

**Author:** ![Kiwi](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/kiwi/32/60332_2.png) [@Kiwi](https://community.glideapps.com/u/Kiwi)\
**Post date:** [July 14, 2023, 2:16am UTC](https://community.glideapps.com/t/can-i-remove-hyphens-dash-from-rich-text/63799/6 "2023-07-14T02:16:17Z")

</div>

> [@ThinhDinh](#):
>
> ```auto
> <h1 style="font-family: 'Playfair Display', serif; text-align: left; font-size: 38px; hyphens: none;">We manage and reduce your gifting carbon footprint.</h1>
> 
> <span style="hyphens:none">We've partnered with Toitü Envirocare to analyse and understand the carbon footprint of our corporate gifting. We are designing a gifting lifecycle that manages and reduces greenhouse gas emissions each step of the way.</span>
> 
> ```

I figured out this code would work:

h1 style=“font-family: ‘Playfair Display’, serif; text-align: left; font-size: 38px; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none !important;”\>We manage and reduce your gifting footprint.\</h1

---

<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:** [July 14, 2023, 3:24am UTC](https://community.glideapps.com/t/can-i-remove-hyphens-dash-from-rich-text/63799/7 "2023-07-14T03:24:07Z")

</div>

So your problem has been solved?

Adding webkit and moz cases is good, cover all bases.

---

<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:** [July 15, 2023, 3:24am UTC](https://community.glideapps.com/t/can-i-remove-hyphens-dash-from-rich-text/63799/8 "2023-07-15T03:24:13Z")

</div>

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