Global Button Settings

The button styles add styles to the Gravity Form button. Go to Divi > Ultimate Gravity Forms Style for Divi. Select the ‘Button Settings’ on the page (it is selected as default).

Each setting option in the image above is labelled whose description is given below:

1. Button alignment – aligns the button horizontally to either left, right or centre.
2. Text size – size of the text contained in the button
3. Text colour – colour of the text contained in the button
4. Hover text colour – the colour of text contained in the button when the button is hovered.
5. Background colour – Background colour of the button
6. Background hover colour – Background colour of the button when the button is hovered.
7. Border width – Width of the border enclosing the button
8. Border colour – Colour of the border enclosing the button
9. Border hover colour – Colour of the border enclosing the button when the button is hovered.
10. Border radius – Radius of the border enclosing the button
11. Border radius on hover – Radius of the border enclosing the button when the button is hovered.
12. Spacing – Letter spacing of the text contained in the button
13. Spacing on hover – Letter spacing of the text contained in the button when the button is hovered.
14. Padding – Button padding.

Related Docs

• Installation of Gravity Forms Divi Plugin
• Understanding Our Gravity Forms Plugin
• Setting Global Styles for Gravity Forms
• Import and Export Global Gravity Form Styles
• Footer Padding on Gravity Froms
• Divi Module for Gravity Forms