WordPress.org

Ready to get started?Download WordPress

Forums

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

  1. Mike-Ism
    Member
    Posted 3 months 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!

    https://wordpress.org/plugins/better-font-awesome/

  2. Mickey Kay
    Member
    Plugin Author

    Posted 3 months 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
    Member
    Posted 3 months 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
    Member
    Plugin Author

    Posted 3 months ago #

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

Reply

You must log in to post.

About this Plugin

About this Topic

Tags

No tags yet.