Style Builder Gravity Forms

Style Builder for Gravity Forms makes styling of forms quick and enjoyable task. You no longer need to fiddle with css classes. Style Builder does all the dirty work for you. You can create perfect harmony in your theme and Gravity Forms.

Main Features

  • Widget support
  • 8 inbuilt templates
  • Unlimited custom styles
  • Over 130 options to customize
  • Create multiple styles for one form
  • Style input boxes, labels, wrappers with ease
  • Supports hex, percentage and em values for all fields
  • Customize error messages and confirmation messages
  • Use color picker to select colours or enter values in hex or rgb codes
  • Supports WordPress Media uploader and Gallery for background image
  • Set background colours, font family, borders, shadows, font size, font colours, text alignment etc

Feature List

Style Form Wrapper

Form Wrapper is the form container

  • Set maximum width of form
  • Set  width of form border
  •  Set border size, color, type and radius
  • Set background color for form
  • Add background Image
  • Set margin for form
  • Set padding for form

Style Form Header

Form header includes Title and Description

  • Set background color for header
  • Select the type of border for header section.
  • Set border size
  • Set color for border
  • Set alignment of  Form title
  • Set font color of form title
  • Set font size for form title
  • Set font color for form description
  • Set font size for form description
  • Select text alignment for form description
  • Set margin for form description
  • Set padding for form description

Style Form Inner and Outer Shadow

Form shadow is applied on form container

  •  Set Horizontal offset for the shadow
  • Set vertical offset for the shadow
  • Set blur radius for shadow
  • Set spread radius for shadow
  • Select the color for shadow

Style Field Labels

Field labels are the title fields of labels

  • Set font size for labels
  • Select color for label font
  • Set margin for label font
  • Set padding for label font

STYLE DROPDOWN FIELDS

  • Set maximum width for dropdown fields
  • Set font size for text in dropdown field
  • Set font color for text in dropdown field
  • Set border size for dropdown field
  • Select type of border for dropdown field
  • Select border color for dropdown field
  • Set border radius for dropdown field
  • Select background color for dropdown field
  • Add any custom CSS for dropdown fields
  • Set margin for dropdown field
  • Set padding for dropdown field

STYLE RADIO BUTTONS

  • Set font size for text of radio inputs
  • Set font color for text of radio inputs
  • Set maximum Width for radio inputs
  • Add any custom CSS for radio inputs
  • Set margin for radio inputs
  • Set padding for radio inputs

STYLE CHECKBOX FIELDS

  • Set font size for text in checkbox fields
  • Set font color for text in checkbox fields
  • Set maximum Width for checkbox input fields
  • Add any custom CSS for checkbox input fields
  • Set margin for checkbox input fields
  • Set padding for checkbox input fields

STYLE TEXT FIELDS

  • Select background color for text fields
  • Set border size for text fields
  • Select border type for text fields
  • Select border color for text fields
  • Set border radius for text fields
  • Select font color for font in text fields
  • Set font size for text in text fields
  • Set maximum width for text fields
  • Set margin for checkbox text fields
  • Set padding for checkbox text fields

STYLE PARAGRAPH TEXTAREA

  • Set maximum width for paragraph text area
  • Add any custom Css code for Paragraph text area field
  • Set margin for paragraph text area
  • Set padding for paragraph text area

STYLE SUBMIT BUTTON

  • Align position of submit button
  • Set bacground color for submit button
  • Set font color for font color for submit button text
  • Set font size for submit button text.
  • Set border size for submit button
  • Set border color for submit button
  • Set border color for submit button
  • Select type of border for submit button
  • Set hover color of submit button
  • Set width of submit button
  • Set margin for submit button
  • Set padding for submit button

STYLE SECTION BREAK TITLE

  • Select the color for section break title
  • Set font size for section break title
  • Select font size for section break title
  • Set alignment for section break title
  • Set margin for section break title
  • Set padding for section break title

STYLE SECTION DESCRIPTION

  • Select the color for section break description
  • Set font size for section break description
  • Select font size for section break description
  • Set alignment for section break description
  • Set margin for section break description
  • Set padding for section break description

STYLE CONFIRMATION MESSAGE

  • Set maximum width for confirmation messages
  • Set background color for confirmation messages
  • Set alignment of text in confirmation messages
  • Set font size for confirmation messages
  • Set font color for confirmation message text
  • Set border size for confirmation message box
  • Set type of border for confirmation message box
  • Set border color for confirmation message box
  • Add border radius to confirmation messages
  • Set margin for confirmation messages
  • Set padding for confirmation messages

STYLE ERROR MESSAGE

  • Set maximum width for error messages
  • Set background color for error messages
  • Set alignment of text in error messages
  • Set font size for error messages
  • Set font color for error message text
  • Set border size for error message box
  • Set type of border for error message box
  • Set border color for error message box
  • Set border radius of error messages
  • Set margin for error messages
  • Set padding for error messages

Pin It on Pinterest

Share This