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.

CSS used on your site? LOVE IT!

Gravity Support Forums » Plugin Support » Gravity Forms

  1. rsantore
    Member

    Just wondering if you have posted the CSS used to format and style the forms on your site. I'd love to style my forms in a simalar manner and it would help in the learning curve tremendously.

    Great product!
    Cheers and thank you!
    Rob

    Posted 13 years ago on Sunday March 27, 2011 | Permalink

  2. Kevin Flahaut
    Administrator

    Rob, Thanks a lot. I'll comb the CSS and grab all the form styles for you then post them back here in the morning.

    Posted 13 years ago on Monday March 28, 2011 | Permalink

  3. rsantore
    Member

    wow...you guys are awesome....i'll be upgrading and promoting your product in a big way....thank you so very much.!

    Posted 13 years ago on Monday March 28, 2011 | Permalink

  4. Kevin Flahaut
    Administrator

    So here's the basic form CSS used on this site.. nothing fancy, just keeping it clean.

    [css]
/* form elements -----------------------------------------*/

input[type=text],
input[type=email],
input[type=password],
input[type=url],
input[type=tel],
select,
textarea,
.gform_wrapper input[type=submit],
.gform_wrapper button,
.gform_wrapper input[type=button] {font-family: "proxima-nova-1","proxima-nova-2", Helvetica, "Helvetica Neue", Arial, sans-serif; font-size:14px }

input[type=text],
input[type=email],
input[type=password],
input[type=url],
input[type=tel],
select,
textarea {background-color:#fff; color:#333; border:1px solid #ccc; box-shadow:inset 0px 0px 5px #e5e5e5; -moz-box-shadow:inset 0px 0px 5px #e5e5e5; -webkit-box-shadow:inset 0px 0px 5px #e5e5e5; word-spacing: 0.4pt; letter-spacing:0.2pt}

textarea {overflow:auto}

input[type=text],
input[type=email],
input[type=password],
input[type=url],
input[type=tel],
textarea {padding:6px 2px}

select {padding:3px 2px}

input[type=text]:focus,
input[type=text]:active {color:#111}

    the font "proxima nova" isn't a standard font, it's a web font served up via TypeKit.

    Posted 13 years ago on Monday March 28, 2011 | Permalink

  5. rsantore
    Member

    Keven!

    Thank you...sorry for the late response...but I just found your message today...darn spam filter!

    Wow, super happy with the product...Again! many thanks!

    Robert

    Posted 13 years ago on Tuesday April 12, 2011 | Permalink

  6. Kevin Flahaut
    Administrator

    Thanks Robert. We're happy that you're loving Gravity Forms!

    Posted 13 years ago on Tuesday April 12, 2011 | Permalink

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