Site logo

Archived topic

Font Awesome in GP Hooks

6 replies · Started by Marc on September 7, 2016

Viewing posts 1–7 of 7

I'm attempting to use a Font Awesome icon as the value of an input field in the Before Footer Content hook. However, when I save the hooks, the icon code is stripped out and replaced by a square, as below.

Code I enter:
<input type="submit" value="" name="subscribe" id="mc-embedded-subscribe">

Code that appears after I save:
<input type="submit" value="" name="subscribe" id="mc-embedded-subscribe">

What am I doing wrong?

Thanks!

Well, the code was stripped out in my post, too!

I was trying to use the following as the value: value=""

Trying again, this is frustrating:

value=

Hmm, I entered that value &#xf002; into GP Hooks and it saved as is - but I did get a weird character on the actual page.

Where are you getting that code from?

Thanks for the reply, Tom! I'm attempting to use the font awesome envelope icon as a submit button for a MailChimp registration submit button. The JSFiddle example I linked to shows an example using a different FA icon.

But every time I click Save Hooks with the Unicode in it, the result is just a small square--same on the actual page.

Why not just use the Font Awesome HTML?

For example:

<i class="fa fa-envelope" aria-hidden="true"><!-- icon --></i>

This archived topic is closed to new replies.