Customise Gravity Forms Button and Add Fontawesome

Glenn Glenn's Blog 1 Comment

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


<?php
// 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="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" 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

Glenn

A highly experienced WordPress Web Developer, Front-end and 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.

Comments 1

  1. This works great but fails when the submit button is set as a conditional option (Form Options > Form Button). For some reason the button is clickable but no action is completed.

Leave a Reply

Your email address will not be published. Required fields are marked *