Skip to content

Instantly share code, notes, and snippets.

/* Heading */
body #gform_wrapper_**form-ID** .gform_heading{
margin : 10px ;
padding : 10px;
}
/* Form Title */
body #gform_wrapper_**form-ID** .gform_title{
margin : 10px ;
padding : 10px;
@wpmonks
wpmonks / gravity_forms_input.css
Last active April 4, 2018 05:26
How to Style Gravity form Input Fields
body #gform_wrapper_FORMID .gform_body .gform_fields .gfield input[type=text] {
     border: 1px solid red;
     font-size: 12px;
     color: green;
     border-style: dashed;
     margin: 10px;
     padding: 10px;
}
body #gform_wrapper_fORMID .gform_body .gform_fields .gfield input[type=text]
@wpmonks
wpmonks / style-gravity-forms-checkbox.css
Last active March 2, 2017 01:27
CSS for Gravity forms checkbox fields
body #gform_wrapper_FORMID .gform_body .gform_fields .gfield .gfield_checkbox li  {
     color: blue;
     width: 150px;
     padding: 19px;
}
@wpmonks
wpmonks / gravity form radio.css
Last active March 2, 2017 01:34
CSS for Gravity Forms
body #gform_wrapper_1 .gform_body .gform_fields .gfield .gfield_radio li {
     font-size: 19px;
     color: red;
     width: 100px;
     padding: 12px;
}
@wpmonks
wpmonks / gravity-forms-labels.css
Created March 2, 2017 01:37
CSS for Gravity forms Labels
body #gform_wrapper_1 .gform_body .gform_fields .gfield .gfield_label {
color: green;
font-size: 16px;
padding: 10px;
}
@wpmonks
wpmonks / gravity-forms-title-description.css
Last active March 2, 2017 01:44
Css for Gravity Forms title and description
body #gform_wrapper_1 .gform_heading .gform_description {
     color: red;
     font-size: 14px;
     text-align: center;
     margin: 10px;
     padding: 10px;
}
@wpmonks
wpmonks / gravity forms title.css
Created March 2, 2017 01:45
CSS for Gravity Forms description
body #gform_wrapper_1 .gform_heading .gform_title {
color: red;
font-size: 14px;
text-align: center;
margin: 10px;
padding: 10px;
}
@wpmonks
wpmonks / gravity_forms_field_labels.css
Created July 18, 2017 12:54
Here is the default Gravity Forms CSS for Field Labels
.gform_wrapper .gsection .gfield_label,
.gform_wrapper h2.gsection_title,
.gform_wrapper h3.gform_title {
font-weight: 700;
font-size: 1.25em
}
.gform_wrapper .gfield_error .gfield_label {
color: #790000
}
.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container,
@wpmonks
wpmonks / style-sub-labels-gravity-forms.css
Last active December 22, 2017 11:32
Css for Gravity Forms Sub Labels
body #gform_wrapper_FORMID .gform_body .gform_fields .gfield .ginput_complex .ginput_full label,
body #gform_wrapper_FORMID .gform_body .gform_fields .gfield .ginput_complex .ginput_right label,
body #gform_wrapper_FORMID .gform_body .gform_fields .gfield .ginput_complex .ginput_left label,
body #gform_wrapper_FORMID .gform_body .gform_fields .gfield .name_first label,
body #gform_wrapper_FORMID .gform_body .gform_fields .gfield .name_last label,
body #gform_wrapper_FORMID .gform_body .gform_fields .gfield .address_line_FORMID label,
body #gform_wrapper_FORMID .gform_body .gform_fields .gfield .address_line_2 label,
body #gform_wrapper_FORMID .gform_body .gform_fields .gfield .address_city label,
body #gform_wrapper_FORMID .gform_body .gform_fields .gfield .address_state label,
body #gform_wrapper_FORMID .gform_body .gform_fields .gfield .address_zip label,