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!

  1. 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 10 years ago on Sunday March 27, 2011 | Permalink
  2. 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 10 years ago on Monday March 28, 2011 | Permalink
  3. wow...you guys are awesome....i'll be upgrading and promoting your product in a big way....thank you so very much.!

    Posted 10 years ago on Monday March 28, 2011 | Permalink
  4. 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 10 years ago on Monday March 28, 2011 | Permalink
  5. 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 10 years ago on Tuesday April 12, 2011 | Permalink
  6. Thanks Robert. We're happy that you're loving Gravity Forms!

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

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