< Toggle Sidebar > Toggle Sidebar

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).

Interface for Button Settings on Gravity Forms with Divi Builder
Interface for Button Settings

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.
Gravity Forms for Divi Builder

Gravity Forms Divi Plugin

Visual Builder support and better design control for your Gravity Forms. 
Learn More