Skip to main content

Understanding the Body Text Option Group in Divi 5

Learn how to use the Body Text design options to create text that’s visually appealing and functional.

The Body Text design options in Divi let you customize the appearance of a module’s body text content. These settings control font, alignment, spacing, and more, ensuring your Text is styled to fit your design.

Note: The Body Text Design options are shared across different text-based modules such as the Blog, and many more.

Divi 5 - Body Text Design Options

Where to Find the Text Options

  1. Open the Module Settings: Click the gear icon or the module itself to access the settings.

  2. Navigate to the Design Tab: Locate the Body Text option group.

Text Customization Settings

The Body Text option group is split into five tabs:

  • Paragraphs - It lets you choose the styles for paragraph text

  • Links - It lets you choose the text styles for links.

  • Unordered List - It lets you choose the text styles for unordered lists

  • Ordered List - It lets you choose the text styles for the ordered lists.

  • Blockquote - It lets you choose the text styles for blockquotes.

  1. Body Font: Choose a font for the Text from the dropdown menu or upload a custom font. By default, the site’s primary font is used.

  2. Body Font Weight: Choose the boldness of the font, with options ranging from light to extra-bold.

  3. Body Font Style: Choose stylistic enhancements to the Text, such as:

    • Italicized

    • Capitalized

    • Small Capitals

    • Underlined

    • Strike-through

  4. Body Text Alignment: Choose the Text alignment: left, center, right, or justify alignment.

  5. BodyText Color: Choose a color for the Text using your site’s palette or the color picker.

  6. Body Text Size: Choose the font size of the Text using the range slider or by entering a specific value.

  7. Body Letter Spacing: Control the space between letters by dragging the slider or inputting a value. Larger values create more separation between characters.

  8. Body Line Height: Choose the vertical spacing between lines of Text for better readability. Increase the value for more space between lines.

  9. Body Text Shadow: Choose a shadow of the text and customize its:

    • Direction: Set horizontal and vertical positioning.

    • Blur Strength: Adjust how soft or sharp the shadow appears.

    • Shadow Color: Choose a shadow color that complements the text.

  10. Body Fill Type: Choose the body's text fill options:

    • None - No meta text fill.

    • Gradient - Fill the body text with a Gradient

    • Image - Fill the body text with an Image

    • Transparent - Fill the body text with a transparent fill.

  11. Body Stroke Width - Choose the body text stroke thickness.

    • Body Stroke Color - Choose the body text's stroke color.

Tips for Styling Text

  • Focus on Readability: Use font sizes and line heights that are easy to read, especially on mobile devices.

  • Complement Your Design: Match the text color and style to your site’s overall design for a cohesive look.

  • Use Shadows Sparingly: Subtle shadows can enhance readability, but overly strong effects can distract.

These options make it easy to create Text that’s visually appealing and functional, ensuring your content looks polished and professional.

Did this answer your question?