Custom CSS to make form appear correctly?

Hi there.

I don't speak CSS very well (red face).

I've installed a new theme and then installed Gravity Forms. It appears the theme is overriding the GF styling and as a result it is displaying poorly.

For example I can't see the input boxes or the submit button.

The theme (http://www.s5themes.com/theme/simplecorp/) does have a Custom CSS box where you can put in CSS.

Can you please help and tell me what custom css commands I can use to make this display?

My form is live here http://benchmarkingcrew.com/register-interest/

thanks in advance

Hi Kevin and thanks I appreciate the help.

I've just added the text you provided and the single line boxes are displaying. the paragraph text boxes still don't have a border and the submit button is still invisible.

http://benchmarkingcrew.com/register-interest/

Once I have this all fixed I'll also send a note to the them developer so they can look to fix this in their next update.

Cheers
Jonathan

Hi Kevin,

Thanks but unfortunately that addition did not do the trick. I've added the following Custom CSS to the theme:

body .gform_wrapper input[type=text],
body .gform_wrapper input[type=url],
body .gform_wrapper input[type=email],
body .gform_wrapper input[type=tel],
body .gform_wrapper input[type=number],
body .gform_wrapper input[type=password],
body .gform_wrapper select
body .gform_wrapper textarea
{
    border: 2px solid #ADD8E6!important;
    height: 20px
}

Still don't see the larger text area border nor the submit button.
http://benchmarkingcrew.com/register-interest/

Thanks in advance
Jonathan

Thanks Chris, the comma fixed the large text box areas.. the only thing still missing is the submit button :-) Can you help with this final piece of the puzzle?

PS I also updated the theme as suggested by the theme author but clearly this did not help.. I've told them they should fix whatever it is because having a theme that works with Gravity Forms is a bit of a no-brainer.

You sir are a gentleman and a scholar