The Comment Box extension replaces standard, outdated WordPress comment form styles with sleek, responsive templates and complete styling controls.

How to enable extension

To style your comment fields using this extension, follow these steps:

1. Navigate to your WordPress Admin Dashboard.
2. Go to Settings > Divi Plus Options.
3. Under the Extensions tab, select the Comment Box menu.
4. Toggle the Enable Comment Box switch to ON and choose a template layout.

Extension settings

Form layout

Select from 3 pre-designed form layouts. Layout 1 styles elements cleanly, Layout 2 encloses them in styled cards, and Layout 3 provides a minimal underline layout with sliding placeholder labels.

Textarea rows

Configure the default row height for the main text input area (e.g., set it to 8 rows for clean styling proportion).

Design and styling options

• Field inputs: Configure background colors, focus borders, margins, padding, and text colors for Name, Email, and Website URL inputs.
• Textarea customization: Enable overwrite settings to customize fonts, colors, and margins specifically for the main comment text field.
• Submit button styling: Complete styling controls for the comment form submit button, including hover actions.

Frequently Asked Questions

Does this extension style WooCommerce product review forms?

No. The extension is built to style standard blog post comment forms and automatically skips editing WooCommerce product reviews to prevent layouts from breaking.

Can I customize field styling for both static and focus states?

Yes. The design settings allow you to configure separate background colors, border rules, and text colors for normal input states and active focus states.