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.

Borders not showing in Safari

  1. Not sure if it's a GF issue, or some issue with the rest of my CSS, but here is the issue I'm having:

    My gravity forms look fine in Firefox, but look awful in Safari / Chrome. To be specific, none of the fields have borders. When a field is selected, it turns white, like the background, and with no border to separate, it looks awful. Here is a link to one of the forms so you can see it:

    http://www.gl3media.com/contact/

    If you could point me in the right direction, that would be fantastic.

    Oh, I did copy / paste the GF CSS into my Thesis custom.css file, but I have not made any edits yet.

    Thanks,

    Rob

    Posted 9 years ago on Wednesday January 27, 2010 | Permalink
  2. As a point of reference, the form looks fine in Epiphany and Firefox 3.0.17 on Linux as well.

    Posted 9 years ago on Wednesday January 27, 2010 | Permalink
  3. Gravity Forms styling isn't the issue here, it's inheriting styles from the Thesis theme and that's the source of your problem. Thesis uses some sloppy CSS in places - applying blanket values to all inputs, textareas, etc. We've had a variety of issues with Thesis styling so I'm not surprised.

    You can look around line 45 of the style.css file for the input styles, or there also appears to be an odd border-width property that's being inherited from line 222 of the layout.css file. That could be the culprit.

    screenshot

    That should get you pointed in the right direction. Good luck

    Posted 9 years ago on Wednesday January 27, 2010 | Permalink