Gravity Forms button not taking site button style

[AdamCarr]

Hello,

I’ve gone through and styled buttons the way that I want in the theme settings, but when adding gravity forms via the ‘Form Integration’ element (or with shortcode via ‘Raw Element’ element) the button has different stylings than anywhere else on the site.

Site: https://gcsynthetics.flywheelstaging.com/contact/

[prakash_s]

Hello @AdamCarr,

Thanks for writing to us.

I checked your site it seems that the form is rendering fine on my end. It might be the issue of browser cache I would suggest you please clear your browser cache and recheck it.

In case you are pointing to something else please let us know.

Thanks

[AdamCarr]

No, that is not what I would like my button to look like. It will sometimes take the styling from the theme settings in Cornerston, pictured below, but it will always default to that incorrect color/style you captured.

[prakash_s]

Hello @AdamCarr,

I would suggest you go to the Form Integration element —>Customize —>Element CSS, now add this custom CSS code to get the submit button layout

$el.x-form-integration-gravity-forms.x-form-integration input.gform_button.button {
    background-color: transparent !important;
    border: 2px solid #97c63d !important;
    color: #97c63d !important;
  text-transform: uppercase !important;
}

Please feel free to change the color code as per your design. The purpose of providing custom CSS is to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector.In case you have no idea about coding you can subscribe to One where customization questions are answered.

Hope it helps.
Thanks

[AdamCarr]

This worked, thank you!

[tristup]

Hi Adam,

Glad that we are able to help you.

Thanks