Archived topic
Font Awesome in GP Hooks
6 replies · Started by Marc on September 7, 2016
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=
Oh, balls. It keeps stripping out what I intend. I'm using the example found here for the value:
Hmm, I entered that value  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>