Divi Toolbox ➜ Blog ➜ Customize Comment Form
This setting adds additional customizer options that allow you to change the default comment form appearance. You can change the default “Submit a comment” text by editing the Comment Title text.
Toolbox Customizer ➜ Blog ➜ Comment Form
Here’s the list of all the settings you can easily change:
- Message field half-width
- Message field height
FORM FIELDS
- Field font
- Field font weight
- Field font size
- Field letter spacing
- Field text transform (uppercase, lowercase, capitalize)
- Field font color
- Field background color
- Field border radius
- Field border width
- Field border color
- Field padding
FOCUS FIELD
- Field border focus color
- Field background focus color
SUBMIT BUTTON
- Button font
- Button font weight
- Button font size
- Button letter spacing
- Button text transform (uppercase, lowercase, capitalize)
- Button font color
- Button background color
- Button border radius
- Button border width
- Button border color
- Button padding
SUBMIT BUTTON ON HOVER
- Button font hover color
- Button background hover color
- Button border hover color
- Button hover effect (None, Grow, Shrink, Move Up, Move Down, Wobble, Heartbeat, Jello, Pulse)
Plase note:
These effects apply to the default Divi comments. If you’d like to apply the same styles to Comments module – navigate to module Settings ➜ Advanced tab ➜ CSS ID & Classes ➜ CSS Class and add a custom class of: dtb-comments
