How to add FontAwesome Icon in Custom Text

support
1

Okay, so I’m trying to add the following verbiage to education.new-reply, but it doesn’t work.

Welcome to %{site_name} — **thanks for contributing!**

- Does your reply improve the conversation in some way? **If you want to show approval for a post, please click the <i class="fa fa-heart"></i> button.**

- Be kind to your fellow community members.

- Constructive criticism is welcome, but criticize *ideas*, not people.

For more, [see our community guidelines](/guidelines). This panel will only appear for your first %{education_posts_text}.

The additional verbiage is the

**If you want to show approval for a post, please click the <i class="fa fa-heart"></i> button.**

When attempted, it shows up as (stripping out the FontAwesome details)

What would be the appropriate way to do this, as the FontAwesome code works for js.composer.error.try_like which contains

Have you tried the <i class="fa fa-heart"></i> button?
3 Likes
2

Instead of the icon, would the emoji work OK?

Have you tried the :heart: button?

* of course, even if that does work, I’d still be interested to know how to do the icons

3 Likes
3

Wow, I never thought of using that, but it works! Awesome :slight_smile:

1 Like
4

All good, but remember all TL0 and TL1 users will see this when they try to compose a post which is too short:

5

Yes, that problem we’re still sorting out. As our minimum post length is way too low, and increasing it is one of my suggestions to ensure new users also get that.

6

Well yeah, minimum reply length is set to 20 by default for a reason. :wink:

7

Oh trust me, I know. Wasn’t my decision to shorten it in the first place :wink:

Thankfully hindsight is 20/20 and all that jazz :smiley:

1 Like