How to add FontAwesome Icon in Custom Text


(cpradio) #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?

(Mittineague) #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


(cpradio) #3

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


(Jeff Atwood) #4

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


(cpradio) #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.


(Jeff Atwood) #6

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


(cpradio) #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: