Custom CSS Styles For Gravity Form Elements In Divi Theme

In this how-to you’ll learn various elements in gravity form for which you can add custom css styles.

Pre-Requisites

• A WordPress Website
• Divi Theme
• Gravity Forms Plugin
• Divi Gravity Forms Plugin

Custom CSS Styles

1. In the divi module, goto Gravity Forms Settings > Advanced (Tab) > Custom CSS

2. You’ll find a css code textarea for following gravity form elements

   • Form Title
   • Form Description
   • Label
   • Sub Label
   • Field Description
   • Text Field
   • Textarea Field
   • Select Field
   • Checkbox/Radio Field
   • Checkbox/Radio Options Text
   • Consent Checkbox Label
   • Consent Description
   • Validation Error Heading
   • Field Validation Message
   • Button
   • Button Hover
   • Submitted Form Confirmation Message
   • Progress Bar Title
   • Progress Bar Percentage

FREE DOWNLOAD

Start your FREE trial. No credit card required.

Start Risk-Free Trial