stevegriswold
Member
Hi,
I have a test I am starting and have a test form setup, but the sites WP theme makes the form input boxes hard to read, it places a line above and below every form field and the drop down boxes and section titles don't display well at all.
http://griswoldfamilyvacations.com/get-a-quote/
If anyone can share a piece of code I can cut and paste to make these fields easier to read and what file to update that would be awesome.
Best,
Steve
Steve,
This should do the trick for you, just place in your theme's stylesheet (or wherever you are instructed to place custom CSS at the theme level):
[css]
body .gform_wrapper form .gform_body ul, body .gform_wrapper form .gform_body ul li {
border: 0;
}
.gform_wrapper h2.gsection_title {
color: #333;
}
stevegriswold
Member
Thanks Rob!
This is better :) Is there a way to get the form fields to show up more and the drop down menus to appear. The drop down field are missing the box and just show the down arrow:
http://griswoldfamilyvacations.com/get-a-quote
Thanks for your help
Steve
Steve, no problem. Go ahead and drop these in:
[css]
body .gform_wrapper input[type=text], body .gform_wrapper input[type=url], body .gform_wrapper input[type=email], body .gform_wrapper input[type=tel], body .gform_wrapper input[type=number], body .gform_wrapper input[type=password], body .gform_wrapper input[type=file] {
background-color: #f9f9f9;
border: 1px solid #ccc;
}
.gform_wrapper select {
border: 1px solid;
}Right on, glad to help.