Skip to content

Instantly share code, notes, and snippets.

View nhudesign's full-sized avatar

Nhu Bergstrom nhudesign

View GitHub Profile
@ramseyp
ramseyp / inf-soft-form-placeholder.js
Created October 3, 2012 16:03
Javascript used to make Infusionsoft form labels act as placeholders
// CSS for this can be found here: https://gist.github.com/3827867
jQuery(document).ready(function($){
// Add classes to the labels of selects, text-inputs, email inputs and textareas
$('.infusion-form .infusion-field select').prev('label').addClass('label-select');
$('.infusion-form .infusion-field input[type="email"], .infusion-form .infusion-field input[type="text"], .infusion-form .infusion-field textarea').prev('label').addClass('label-placeholder');
$('.infusion-form .infusion-field input[type="email"], .infusion-form .infusion-field input[type="text"], .infusion-form .infusion-field textarea').focus(function(){
$(this).prev('.infusion-field .label-placeholder').hide();
@ramseyp
ramseyp / inf-form-placeholder.css
Created October 3, 2012 16:06
CSS used to style Infusionsoft form labels as placeholders
/**
* Works with this Gist: https://gist.github.com/3827830
*/
/* Use this to add styles as necessary to override default form label styles */
.infusion-form .infusion-field .label-placeholder { }
.infusion-form .infusion-field,
.infusion-form .infusion-field .inf_group {
position:relative;