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