Fontawesome Icons

This is a Pro setting.
Don’t have the Pro version yet? Purchase it Here

Now you can use fontawesome icons easily inside the gravity live summary. You can define this for each field by using CSS classes. Follow the below steps.

1. Add the lsfa-free class

Adding one icon to your field comes down to adding 2 CSS classes to your field. The first one should always be lsfa-free which activates the proper CSS for fontawesome

2. Choose icon on the fontawesome site

Head over to the website and search the icon you want to use. You can select any of the free icons. We are only interested in the second class of the icon. As seen in the below screenshot


3. All together

On the field settings of your field, navigate to the “Live Summary” tab and enter the CSS classes into the “Custom CSS class” textbox. As seen below in the screenshot.

Result on the frontend:

4. Save form

Leave a Reply

Scroll to Top