Global Button Settings

Lesson 4 of 7
2m read.
Beginner

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; Each 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 – colour of text contained in the button when it’s hovered over.
  5. Background colour – The background colour of the button
  6. Background hover colour – Background colour of the button when it’s hovered over.
  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 it’s hovered over.
  10. Border radius – Radius of the border enclosing the button
  11. Border radius on hover – Radius of the border enclosing the button when it’s hovered over.
  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 it’s hovered over.
  14. Padding – Button padding.