Better Font Awesome
[resolved] Use with gravity forms (5 posts)

  1. Mike-Ism
    Posted 1 year ago #

    Do you have a suggestion about using this plugin with gravity forms? When I use icons for titles and options in GF I get either a plaintext shortcode, or a placeholder icon when I use the hex code. The icons don't show up in gravity forms. Thanks!


  2. Mickey Kay
    Plugin Author

    Posted 1 year ago #

    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.

  3. Mike-Ism
    Posted 1 year ago #

    #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!

  4. Mickey Kay
    Plugin Author

    Posted 1 year ago #

    Thanks for the kind words. Always happy to help :)

  5. cyrjm
    Posted 4 months ago #

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


Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Better Font Awesome
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic


No tags yet.