Can I stop inheritance? « Gravity Support Forums

Gravity Support Forums » Plugin Support » Gravity Forms

smherrick
Member

I am far from understanding CSS. If there an easy way to stop forms from inheriting styles from the them? I would be perfectly fine if they looked like they do in the preview. http://smherrick.com/business-portraits is an example of how the form is picking up styles from the theme. Looks gross... radio buttons are lame as well is the send button.

Posted 13 years ago on Thursday April 26, 2012 | Permalink
Rob Harrell
Member

That's how Gravity Forms works to blend into your theme by inheritance. Unfortunately, when the theme's styling isn't all that great - you are left in this situation. I don't see our CSS file being output either. Do you have that turned off in the plugin Settings?

I'd also recommend hiring someone to help you style your forms as you see fit. We have a job board that you can post on.

Posted 13 years ago on Thursday April 26, 2012 | Permalink
smherrick
Member

Little follow-up. Got most of the forms formatting set. I am stuck on the submit button. Looks like there is something being overridden. Read a lot of the forum posts, not seeing a resolve. Any thoughts?

Thanks!

Posted 13 years ago on Saturday April 28, 2012 | Permalink
Rob Harrell
Member
This is what's controlling the background in your theme:
```
[css]
.widget-area, input {
background: url('/images/columnbg.png') no-repeat;
}
```
To target the submit button you can use this selector:
```
[css]
.gform_footer input.gform_button {
background: none;
}
```
Posted 13 years ago on Saturday April 28, 2012 | Permalink
smherrick
Member

Thanks for all the help! GF is realy amazing. The forums are awesome too. Found some other tweaks and am really digging the final look and the effectiveness of the plugin.

Last sticking point. I applied the fix to the button and it did remove the background. Looks better. But, where is GF getting the button image from? When I run the preview, there is a nice little gel button with a blue glow when hovered over. Normal web fare. When I publish my forms, I get some sort of Button out of the early 1990's. Radio and check boxes look alright in Chrome and Safari and Firefox, look really odd in IE. All browsers display the submit, previous and next button in an old-school style. I made my own button image and could implement that, but the rolllover did not work and the alignment was a mess.

Thanks for all the assistance. Great program and really great service!

Posted 13 years ago on Saturday April 28, 2012 | Permalink
Kevin Flahaut
Administrator

There isn't a default button image. The different button styles that you're seeing are the browser defaults. You can choose to apply styling to the button element to make them all the same, or create a button image of your own and apply that via the form settings.

Posted 13 years ago on Saturday April 28, 2012 | Permalink