Customise Gravity Forms Button and Add Fontawesome

Add the following snippit to your functions.php file to customise the look of a Gravity Forms Button:-

// filter the Gravity Forms button type
add_filter("gform_submit_button_1", "form_submit_button", 10, 2);
function form_submit_button($button, $form){
return "<button class='button' id='gform_submit_button_{$form["id"]}'><span>call me back<i class='fa fa-angle-double-right'></i></span></button>";

In our example we are incorporating a Fontawesome Icon to prettify our button (which is set by your particular Button ID). If you have not already included the font awesome CSS then add the following to your theme’s header.php file

<link href="//" rel="stylesheet">

if you aren’t familiar with Gravity Forms then in a nutshell its the best all-round WordPress Forms plugin.

About the Author
Customise Gravity Forms Button and Add Fontawesome Customise Gravity Forms Button and Add Fontawesome 0da77002febbfe28d15144a57bbcc2c9 s 180 d mm r g


A highly experienced Web Designer / Web Developer (Webflow, WordPress, Weebly & Custom), Front-end / Back-end Developer & New Media Specialist, with extensive knowledge of a wide spectrum of technologies in the Development and Creative Industries, built up over a number of years.