Borders not showing in Safari « Gravity Support Forums

Gravity Support Forums » Plugin Support » Gravity Forms

rob
Member

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 14 years ago on Wednesday January 27, 2010 | Permalink
Chris Hajer
Key Master

As a point of reference, the form looks fine in Epiphany and Firefox 3.0.17 on Linux as well.

Posted 14 years ago on Wednesday January 27, 2010 | Permalink
Kevin Flahaut
Administrator

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 14 years ago on Wednesday January 27, 2010 | Permalink