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.

Gravity Forms 1.5 Multi-Page Form Preview CSS

  1. danielpettifer
    Member

    Could you possibly share the CSS you have used in your Gravity Forms 1.5 Multi-Page Form Preview. I am particularly interested in the shaded text entry boxes. Thanks again for all your help. New site looks great by the way...

    Posted 13 years ago on Wednesday March 23, 2011 | Permalink
  2. Yep, happy to help out. Nothing fancy, just using the box-shadow:inset property.

    [css]
    /* form elements -----------------------------------------*/
    
    input,
    textarea,
    select {font-size:14px}
    textarea {overflow:auto}
    input[type=text],
    input[type=email],
    input[type=password],
    input[type=url],
    input[type=tel],
    select,
    textarea {background-color:#f9f9f9; color:#252525; border:1px solid #ccc; padding:6px 2px; font-size:14px!important; box-shadow:inset 0px 0px 5px #ccc; -moz-box-shadow:inset 0px 0px 5px #ccc; -webkit-box-shadow:inset 0px 0px 5px #ccc; word-spacing: 0.4pt; letter-spacing:0.2pt;}
    Posted 13 years ago on Wednesday March 23, 2011 | Permalink