div
.
wpforms
–
container
–
full
.
wpforms
–
form
.
wpforms
–
field
{
display
:
flex
;
align
–
items
:
top
;
/* Try changing this to center if you like it better! */
}
div
.
wpforms
–
container
–
full
.
wpforms
–
form
.
wpforms
–
field
label
{
min
–
width
:
135px
;
/* Needs to be set to longest label (to keep inputs in a straight vertical line) */
padding
–
right
:
20px
;
/* This ensures a gap between label and input */
}
div
.
wpforms
–
container
–
full
.
wpforms
–
form
input
[
type
=
date
]
,
div
.
wpforms
–
container
–
full
.
wpforms
–
form
input
[
type
=
datetime
]
,
div
.
wpforms
–
container
–
full
.
wpforms
–
form
input
[
type
=
datetime
–
local
]
,
div
.
wpforms
–
container
–
full
.
wpforms
–
form
input
[
type
=
]
,
div
.
wpforms
–
container
–
full
.
wpforms
–
form
input
[
type
=
month
]
,
div
.
wpforms
–
container
–
full
.
wpforms
–
form
input
[
type
=
number
]
,
div
.
wpforms
–
container
–
full
.
wpforms
–
form
input
[
type
=
password
]
,
div
.
wpforms
–
container
–
full
.
wpforms
–
form
input
[
type
=
range
]
,
div
.
wpforms
–
container
–
full
.
wpforms
–
form
input
[
type
=
search
]
,
div
.
wpforms
–
container
–
full
.
wpforms
–
form
input
[
type
=
tel
]
,
div
.
wpforms
–
container
–
full
.
wpforms
–
form
input
[
type
=
text
]
,
div
.
wpforms
–
container
–
full
.
wpforms
–
form
input
[
type
=
time
]
,
div
.
wpforms
–
container
–
full
.
wpforms
–
form
input
[
type
=
url
]
,
div
.
wpforms
–
container
–
full
.
wpforms
–
form
input
[
type
=
week
]
,
div
.
wpforms
–
container
–
full
.
wpforms
–
form
select
{
border
:
none
;
border
–
bottom
:
1px
solid
#888;
background
:
transparent
;
}
/* Set background color for entire form */
div
.
wpforms
–
container
–
full
{
background
–
color
:
#eee;
}
/* For title area only */
div
.
wpforms
–
container
–
full
.
wpforms
–
form
.
wpforms
–
title
{
background
–
color
:
orange
;
color
:
white
;
text
–
transform
:
uppercase
;
padding
:
10px
20px
;
}
/* Wrapper for all fields (not title) — adding padding to make it line up with title (left) and keep it away from container edge */
div
.
wpforms
–
container
–
full
.
wpforms
–
form
.
wpforms
–
field
–
container
{
padding
–
left
:
20px
;
padding
–
right
:
20px
}
div
.
wpforms
–
container
–
full
.
wpforms
–
form
textarea
{
background
–
color
:
#ddd;
border
:
none
;
}
/* Button */
div
.
wpforms
–
container
–
full
.
wpforms
–
form
.
wpforms
–
submit
–
container
{
padding
:
10px
20px
20px
0
;
text
–
align
:
right
;
}
div
.
wpforms
–
container
–
full
.
wpforms
–
form
button
[
type
=
submit
]
{
background
–
color
:
orange
;
color
:
white
;
padding
:
10px
30px
;
letter
–
spacing
:
4px
;
font
–
weight
:
normal
;
text
–
transform
:
uppercase
;
}