Skip to main content
All CollectionsDivi 5Options Groups
Understanding Title Text Design Options in Divi 5
Understanding Title Text Design Options in Divi 5

Learn how to style title text in Divi 5 with customizable fonts, colors, and spacing for professional, polished website titles.

Updated over a month ago

The Title Text design options in Divi give you complete control over the look and feel of your module titles, including font, color, alignment, and spacing. These settings allow you to create titles that align with your design while enhancing readability and hierarchy.

Where to Find the Title Text Design Options

  1. Open the Module Settings: Click on the module you want to customize.

  2. Go to the Design Tab: Within the Design tab, locate the Title Text option group. Here, you’ll find all the settings for customizing the title text style.

Title Text Customization Settings

  1. Title Text Color: Choose a specific color for your title text. You can select from your site’s color palette or use the color picker.

  2. Text Heading Level: Set the heading level (H1-H6) for your title text to establish its importance and structure in the HTML.

  3. Title Font: Choose a font from the dropdown or upload a custom font for unique styling.

  4. Title Font Weight: Adjust the boldness of your title with options like light, bold, or extra-bold.

  5. Title Font Style: Select additional font styles, including:

    • Italicized

    • Capitalized

    • Small Capitals

    • Underlined

    • Strike-through

  6. Title Text Alignment: Set the alignment for the title text—left, center, right, or justified.

  7. Title Text Size: Use the slider or enter a specific value to adjust the font size of your title text.

  8. Title Letter Spacing: Control the space between letters by adjusting the slider or entering a value.

  9. Title Line Height: Set the space between the lines of the title text, helping to improve readability.

  10. Title Text Shadow: Add a text shadow effect and customize its direction, blur, and color to add depth or emphasis to the title.

Best Practices for Using Title Text Design Options

  • Keep it Consistent: Match your title styling to your site’s typography for a unified look.

  • Prioritize Readability: Use clear, readable fonts, colors, and sizes, especially for important titles.

  • Establish Hierarchy: Use different Heading Levels and Font Weights to show content importance at a glance.

These options let you create distinctive and readable title styles, enhancing both design cohesion and user experience on your Divi site.

Did this answer your question?