The Heading Text options in Divi allow you to customize the styling and configuration of headings within your design. These settings give you control over the appearance of 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 Heading Text option group.
Heading Text Customization Settings
Heading Level: Choose the heading level you want to assign to the heading text: h1, h2, h3, h4, h5, or h6.
Heading Font: Select the font for the heading 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.
Heading Font Weight: You can adjust the boldness of the heading font by selecting from the available font weights, which range from light to extra bold.
Heading Font Style: Customize the style of the heading text by applying:
Italicized
Capitalized
Small Capitals
Underlined
Strike-through
Heading Text Alignment: Set the alignment specifically for the heading text:
Left
Center
Right
Justify
Heading Text Color: Pick a color for the heading text. You can select from your site’s color palette or use the eyedropper tool for custom options.
Heading Text Size: You can define the size of the heading text using the range slider or by entering a specific value. This ensures proper scaling for your design.
Heading 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.
Heading Line Height: To enhance readability, you can control the vertical spacing between lines of heading text by using the slider or entering a numerical value.
Heading Text Shadow: Add a shadow effect to the heading text. Once applied, you can configure:
Horizontal and vertical shadow direction
Shadow blur strength
Shadow 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.