The Form Title Text options in Divi allow you to customize the styling of the Comments module's Title Text within your design. These settings give you control over the appearance of form titles' headings and ensure they align with your design goals.
Where to Find the Heading Text Options
Open the Module Settings: Click the gear icon or the module itself to access the settings.
Navigate to the Design Tab: Locate the Form Title Text option group.
Heading Text Customization Settings
Form Title Heading Level: Choose the heading level you want to assign to the form title text: h1, h2, h3, h4, h5, or h6.
Form Title Font: Select the font for the Form Title text. By default, the theme’s standard font is applied, but you can choose another font or upload a custom font from the dropdown menu.
Form Title Font Weight: You can adjust the boldness of the form title's text font by selecting from the available font weights, which range from light to extra bold.
Form Title Count: Customize the style of the form title's text by applying:
Italicized
Capitalized
Small Capitals
Underlined
Strike-through
Form Title Text Alignment: Set the alignment specifically for the form title's text:
Left
Center
Right
Justify
Form Title Text Color: Pick a color for the form's title text. You can select from your site’s color palette or use the eyedropper tool for custom options.
Form Title Text Size: You can define the size of the form title text using the range slider or by entering a specific value. This ensures proper scaling for your design.
Form Title Letter Spacing: You can adjust the spacing between each letter by dragging the range slider or entering a value. Higher values create more space between characters.
Form Title Line Height: To enhance readability, you can control the vertical spacing between lines of form title text by using the slider or entering a numerical value.
Form Title Text Shadow: Add a shadow effect to the form title text. Once applied, you can configure:
Horizontal and Vertical Shadow Direction
Shadow Blur Strength
Shadow Color
Form Title Fill Type: Choose the form title's text fill options:
None - No form title text fill.
Gradient - Fill the form title text with a Gradient
Image - Fill the form title text with an Image
Transparent - Fill the form title text with a transparent fill.
Form Title Count Text Stroke Width - Choose the form title text stroke thickness.
Form Title Count Text Stroke Color - Choose the form title text's stroke color.
Tips for Using Heading Text Options
Use Hierarchy Effectively: Assign heading levels (h1-h6) consistently to establish a clear content hierarchy.
Match Design Aesthetics: Select fonts, colors, and styles that align with your site’s overall branding.
Optimize Readability: Adjust size, spacing, and line height to make headings easy to read.
Add Subtle Effects: Use text shadows sparingly to enhance contrast without overpowering the design.