The Comment Text options in Divi allow you to customize the styling of the Comments module's comment text within your design. These settings give you control over the appearance of comment text 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 Comment Text option group.
Heading Text Customization Settings
Comment Font: Select the font for the comment 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.
Comment Font Weight: You can adjust the boldness of the comment text font by selecting from the available font weights, which range from light to extra bold.
Comment Font Style: Customize the style of the comment's text by applying:
Italicized
Capitalized
Small Capitals
Underlined
Strike-through
Comment Text Alignment: Set the alignment specifically for the comment's text:
Left
Center
Right
Justify
Comment Text Color: Pick a color for the comment text. You can select from your site’s global color or use the color picker tool for custom colors.
Comment Text Size: You can define the size of the comment text using the range slider or by entering a specific value. This ensures proper scaling for your design.
Comment 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.
Comment Line Height: To enhance readability, you can control the vertical spacing between lines of comment text by using the slider or entering a numerical value.
Comment Text Shadow: Add a shadow effect to the comment text. Once applied, you can configure:
Horizontal and Vertical Shadow Direction
Shadow Blur Strength
Shadow Color
Comment Fill Type: Choose the comment's text fill options:
None - No comment count text fill.
Gradient - Fill the comment text with a Gradient
Image - Fill the comment text with an Image
Transparent - Fill the comment count with a transparent fill.
Comment Text Stroke Width - Choose the comment text stroke thickness.
Comment Text Stroke Color - Choose the comment 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.