Font Size & Styling « Gravity Support Forums

Gravity Support Forums » Plugin Support » Gravity Forms

bcabral
Member

New user (tonight). Thrilled to have spent the money after struggling with other form plug-ins for WordPress. Thanks so much!

Sorry if this is a repetitive/noob question, but I couldn't really find it specifically addressed.

I'm using Gravity Form on a site for a charity running race and one of the things you have to do is get people to acknowledge that they waive & release the sponsors, volunteers, etc.

You can see the GF in action here: http://humanerace.org/begin-registration/

If you scroll down a bit, you'll see the first waiver. I couldn't figure out a way to do it other than create a single checkbox, require it, then put the waiver in the description.

It's fine, but why is GF's CSS styling the text as tiny italics? Talk about "The Fine Print"! It does it again at the bottom of the form for another checkbox/waiver.

Again, sorry if this is an ignorant question, but I couldn't find much about the internal CSS decisions on this forum.

Thanks for any advice.

Posted 14 years ago on Wednesday February 17, 2010 | Permalink
Kevin Flahaut
Administrator
The styling is just a generic base to work from so you can create and apply a decently formatted form within just a few minutes. Of course, we know this isn't the styling everyone would want so it's easy enough to customize to your needs.

If you would like customize your form styles, we recommend that you copy the entire forms.css style sheet in the Gravity Forms folder and append that to the end of your themes style.css file or custom.css file. This way, any new plugin updates won't overwrite your changes.

You can then go into the forms ->settings panel and un-check the "output css" option to turn off the default style sheet.

From there, you can modify the CSS to fit into your theme.

If you just need a quick fix, you can just add this to the custom.css file to override the defaults.. of course styling to your preference.
```
.gform_wrapper .gfield_description {
	font-size:13px !important;
	font-style:normal!important;
}
```
Also, I see that you're using Thesis and there are some known formatting issues based on the theme CSS declarations. You may want to check out the FAQ page for a fix for those as well.

http://www.gravityhelp.com/frequently-asked-questions/faq-styling/
Posted 14 years ago on Wednesday February 17, 2010 | Permalink
bcabral
Member

Thanks so much Kevin. I'll take a look at all your suggestions.

Again, GF is really appreciated.

Brian

Posted 14 years ago on Wednesday February 17, 2010 | Permalink
bcabral
Member

Kevin,

I applied your specific fix to my specific problem and it was exactly what I needed. Thanks again

I had earlier applied the CSS fixes to the radio button/check box formatting issues (re: GF) in Thesis, so you and the forum are two for two in two hours.

I appreciate your fast feedback and after my trials and tribulations with the most popular WordPress form plug-ins over the last few days I can honestly say I have accomplished more in 2 hours with GF than I did in the previous three days of mucking around with the other plug-ins.

Posted 14 years ago on Wednesday February 17, 2010 | Permalink
Kevin Flahaut
Administrator

Brian,

I'm pleased to be able to help. Thanks for the note and let us know if we can help with anything else.

Posted 14 years ago on Wednesday February 17, 2010 | Permalink

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