Gravity Forms Fields box not present « Gravity Support Forums

Gravity Support Forums » Plugin Support » Gravity Forms

shonkyboy
Member

Hi on this test site here - im having a problem to get the fields to show: http://a1weddings.co.uk/wpr/booking-form
its probabally to do with the theme styles overriding the css - but i tried targeting the css in the main theme style sheet and it didnt seem to have an affect - wondered if anyone can point me in the right direction as its been doind my head in all afternoon!
I tried adding this
body .gform_wrapper_1 .gform_body .gform_fields .gfield input[type=text] {border: 1px solid red}
as a test but its not taking hold on the site - i followed this page on the tutorials - but nothing i seem to do works!
http://www.gravityhelp.com/documentation/page/CSS_Targeting_Samples

maybe somebody could point out where im going wrong with this please

Posted 11 years ago on Tuesday May 29, 2012 | Permalink
Rob Harrell
Member
Yep, the inputs are getting inheritance from your theme's style.css: Screenshot

Try dropping this into your theme's stylesheet:
```
[css]
.gform_wrapper input[type="text"], .gform_wrapper input[type="url"], .gform_wrapper input[type="email"], .gform_wrapper input[type="tel"], .gform_wrapper input[type="number"], .gform_wrapper input[type="password"], .gform_wrapper .top_label input.large, .gform_wrapper .top_label select.large, .gform_wrapper .top_label textarea.textarea {
border: 1px solid #ccc;
}
```
Also, the reason your CSS didn't take above is you had .gform_wrapper_1 written as a class, it would be #gform_wrapper_1 as an ID. But the selector I gave you above should have a more broad styling base across GF.
Posted 11 years ago on Tuesday May 29, 2012 | Permalink
Rob Harrell
Member

Closing this - duplicate request handled via priority support.

Posted 11 years ago on Tuesday May 29, 2012 | Permalink

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