First things first for your full-page form you have chosen the "right aligned" labels instead of top like your reference URL has them:
http://drjulialewis.com/appointments/
To style the input and textarea boxes you can add this to your theme's stylesheet:
[css]
.gform_wrapper input[type="text"], .gform_wrapper input[type="url"], .gform_wrapper input[type="email"], .gform_wrapper input[type="tel"], .gform_wrapper input[type="number"], .gform_wrapper input[type="password"], .gform_wrapper textarea {
border: 1px solid #aaa;
padding: 3px;
background: white;
}
.gform_wrapper input[type="text"]:hover, .gform_wrapper input[type="url"]:hover, .gform_wrapper input[type="email"]:hover, .gform_wrapper input[type="tel"]:hover, .gform_wrapper input[type="number"]:hover, .gform_wrapper input[type="password"]:hover, .gform_wrapper textarea:hover {
border: 1px solid #fc0;
}
Posted 12 years ago on Thursday March 29, 2012 |
Permalink