Changing the style of the boxes

Mark, that styling is coming from your theme CSS.

You should be able to override it by placing this at the end of your style.css file or wherever you add custom CSS rules.

#content .entry-content .gform_wrapper .gform_body textarea,
#content .entry-content .gform_wrapper .gform_body input {border-top:1px solid #BED8DE, border-right:1px solid #BED8DE, border-bottom:1px solid #BED8DE, border-left:1px solid #BED8DE  }

@snowbored,

"my forms look horrible" is pretty subjective. I don't know what you like or don't like so can't really give you any guidance on that.

The styles above were specific to his theme, so they probably won't work for yours unless the markup is structured exactly the same. It looks like the form CSS itself is fine, it's just inheriting input styles from your theme like it's supposed to. I do see some custom styles applied to the gform_body id in your custom.css file though.

Since this is really a theme styling issue and not a forms issue, it's probably best that you contact your theme developer for styling guidance.

I'm happy to help with some small tweaks here and there if you get stuck, but this looks out of scope for that.

Also you said "I purchased this tool to create point and click forms". It looks like you've done exactly that. If you're inferring that Gravity Forms should also take care of all the styling that's not the case. There are some default styles built in, but the forms are designed to inherit properties from your theme. They're behaving exactly as they're supposed to in this instance.

The only way you can revert totally back to the default Gravity Forms styles is to remove all of the form styling rules from your theme. Most likely, that would strip styling from your comment form as well.

You can try this..

1. remove the rule applied to the gform_body class on line 13 of your custom.css file

2. add this to your theme custom.css file to override the other styles. You can add other rules if you want besides those I've added.

.gform_wrapper input[type=text],
.gform_wrapper input[type=email],
.gform_wrapper input[type=url],
.gform_wrapper input[type=tel],
.gform_wrapper select,
.gform_wrapper textarea {border:1px solid #A9CFD8!important; background-color:#fff!important}

That should get you closer to what you want without too much effort.