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

Gravity Support Forums » Plugin Support » Gravity Forms

  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 14 years ago on Wednesday March 23, 2011 | Permalink

  2. Kevin Flahaut
    Administrator

    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;}
    Copy
    Posted 14 years ago on Wednesday March 23, 2011 | Permalink