-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathgformfix.css
132 lines (101 loc) · 3.13 KB
/
gformfix.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
/*********************************************
GRAVITY FORM STYLING
*********************************************/
/*Global GF styling that can be used from site to site.*/
/* Set default width of form */
.gravity-form {
margin:0 auto;
width:85%;
}
@media (max-width:767px) {
.gravity-form {
width:100%;
}
}
/* Center content in forms using .center-fields class */
.gravity-form.center-fields .gform_wrapper form {
text-align:center !important;
}
/* One-off Make text fields same height as button when using horizonal class */
.gravity-form .gf_simple_horizontal input[type="text"] {
height:44px;
}
/* Shift button up when using horizontal class */
.gravity-form .gf_simple_horizontal input[type="submit"] {
margin-top:-8px !important;
}
/* Hide labels for everything but radio and checkbox */
.gravity-form label {
display:none !important;
}
/* Fix the additional margin added by section description */
.gravity-form .gsection_description {
margin-bottom:0 !important;
}
.gravity-form .gfield_radio label,
.gravity-form .gfield_checkbox label {
display: inline-block !important;
font-size:1rem !important;
}
/*Fix top margin of radio buttons and checkboxes */
.gravity-form input[type="radio"],
.gravity-form input[type="checkbox"] {
margin-top:0 !important;
}
/* Get rid of bottom border and reduce spacing of section headers */
.gravity-form .gsection {
border:0 !important;
margin-bottom:10px !important;
}
/* Border type and color of text inputs, select dropdowns, and textfields */
.gravity-form input[type="text"],
.gravity-form select,
.gravity-form textarea {
border:1px solid #328aac !important;
}
/* Fix top margin on credit card info */
.gravity-form .ginput_container_creditcard input[type="text"],
.gravity-form .ginput_container_creditcard select {
margin-top:16px !important;
}
/* Make select fields match height of text fields */
.gravity-form select {
height:39px !important;
}
/* Add length to security code field to allow for placeholder text */
.gravity-form .ginput_card_security_code {
max-width:60% !important;
}
/* Mobile Styling */
@media (max-width:767px) {
/* Change radio into buttons */
.gravity-form .gform_wrapper li.gfield.gf_list_5col ul.gfield_radio {
text-align:center !important;
}
.gravity-form .gform_wrapper ul.gform_fields li.gfield input[type=radio] {
display:none;
width:0;
height:0;
}
.gravity-form .gform_wrapper li.gfield.gf_list_5col ul.gfield_radio li {
display:block;
margin:0;
width:inherit;
}
.gravity-form .gform_wrapper .gfield_radio li label {
margin:0 auto 10px auto;
display:block !important;
background-color:#328aac; /* Background color unselected */
color:#FFF;
padding:10px 15px;
text-align:center;
}
.gravity-form .gform_wrapper ul.gfield_radio li input[type=radio]:checked+label {
font-weight: 700;
background-color: #063e5a; /* Background color selected */
}
.gravity-form .gsection_title,
.gravity-form .gsection_description {
text-align:center;
}
}