Created
February 27, 2015 09:11
-
-
Save iMazed/36aefc85da8dc84e5ed0 to your computer and use it in GitHub Desktop.
Great for when you want to use FontAwesome in a submit button in Contact Form 7
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| //add instead of [submit] in Contact Form 7 | |
| <button type="submit" class="btn btn-large btn-primary"><i class="fa fa-bed"></i></button> | |
| <img class="ajax-loader" src="http://www.yoursite.com/wp-content/plugins/contact-form-7/images/ajax-loader.gif" alt="Sending ..." style="visibility: hidden; opacity: 1;"> |
Great workaround! Works awesome!
While on the topic of "Font Awesome", I found that you can replace the "ajax-loader.gif" with a FA spinner icon as well. If you completely remove the "img src" and replace it with a FA icon but assign the "ajax-loader" class to the <i> rather than the "img". Tweak the "ajax-loader" CSS and voila!
<i class="fab fa-github ajax-loader"></i>
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Amazing!