Style Gravity Forms button to match the component for Personify

[capodanno]

I have decided to use Gravity Forms, instead of continuing spending too much time trying to learn the new Cornerstone Forms.

I have added a contact form on the the contact page, but the styling looks different. How do I get the text style like the original, the boxes corner radius to be rounded like the original, and especially, how do I style the submit button to look like the other primary buttons?

There are so many layers of dynamic styling, I’m completely lost! Note that the latest version of Gravity Forms doesn’t have an option to assign a class to the submit button, so I really don’t know what to do!

[prakash_s]

Hello @capodanno

Thanks for writing to us.

I would suggest you please add this custom CSS code to the to the elment CSS

$el .x-form-integration .gform_button{
border-radius: 100em !important;
border-top-left-radius: 100em !important;
border-top-right-radius: 100em !important;
border-bottom-right-radius: 100em !important;
border-bottom-left-radius: 100em !important;
background-image: linear-gradient(to bottom right, #7297a6, #a9cbd9, #7297a6) !important;
color: #000000 !important;
font-size: 1em !important;
text-transform: uppercase !important;
}

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