Support » Plugin: Better Font Awesome » Use with gravity forms

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Mickey Kay


    Hi again,

    Two options:

    1. Embed the icon with an <i> tag, as demonstrated on the plugin settings page.

    2. Use CSS :before/:after pseudo-elements:

    #my-element:before {
        content: "\f0d7";
        font-family: FontAwesome;

    You mention trying to use the hex values – did you do so like in the CSS above? If the first method doesn’t work, the second definitely should. If not though, send me a link to where this issue is occurring for you and I’ll take a look.

    #2 did the trick perfectly, the <i> tag was a no go. I ended up using this:

    #label_13_1:before {
         content: "\f0e0";
         padding-right: 5px;
         font-family: FontAwesome;

    Thanks so much for you’re unbelievably fast response. This plugin is great!

    Plugin Author Mickey Kay


    Thanks for the kind words. Always happy to help 🙂

    Just curious if anything has changed since this was posted 8 months ago? Trying the exact same and nada.


Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Use with gravity forms’ is closed to new replies.