PLEASE NOTE: These forums are no longer utilized and are provided as an archive for informational purposes only. All support issues will be handled via email using our support ticket system. For more detailed information on this change, please see this blog post.

How to update CSS so form fields display in WP theme

  1. 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

    Posted 7 years ago on Thursday March 28, 2013 | Permalink
  2. 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;
    }
    Posted 7 years ago on Thursday March 28, 2013 | Permalink
  3. 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

    Posted 7 years ago on Thursday March 28, 2013 | Permalink
  4. 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;
    }
    Posted 7 years ago on Thursday March 28, 2013 | Permalink
  5. stevegriswold
    Member

    PERFECT.

    Thanks Man.
    Steve

    Posted 7 years ago on Thursday March 28, 2013 | Permalink
  6. Right on, glad to help.

    Posted 7 years ago on Thursday March 28, 2013 | Permalink

This topic has been resolved and has been closed to new replies.