Skip to content

Instantly share code, notes, and snippets.

@gecugamo
Last active December 2, 2015 22:04
Show Gist options
  • Save gecugamo/44abeadb730bbae36262 to your computer and use it in GitHub Desktop.
Save gecugamo/44abeadb730bbae36262 to your computer and use it in GitHub Desktop.
CSS to allow use of Bootstrap grid with Gravity Forms
.gform_fields {
list-style-type: none;
margin-right: -15px;
margin-left: -15px;
padding: 0;
}
.gfield {
margin-bottom: 15px;
padding-right: 15px;
padding-left: 15px;
}
.gfield input,
.gfield select,
.gfield textarea {
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.gfield textarea {
height: 100px;
}
.validation_error,
.gfield_error .validation_message {
color: crimson;
}
.validation_error,
.gform_confirmation_message {
font-size: 18px;
}
.gfield_error .validation_message {
margin-top: 5px;
}
.gfield_error select,
.gfield_error textarea,
.gfield_error input {
border-color: crimson;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment