In this tutorial, i’ll show you how to change the height of the text area of your comment field and the comment label.
Here’s what the text area looks like by default:
Its fairly large and plain so lets make it smaller and change the label from Comment to something else.
Here’s the code you can paste at the end of your child themes functions file:
I’ve changed the value for the rows from 8 to 1 and changed the text from Comment to Your Feedback Is Appreciated.
Here’s what it looks like now:
Lets also add some placeholder text with a message.
Here is what it looks like now:
Style Comment Form Text Area
Paste this code at the end of your child themes style.css file and modify the values for each property to your own preferences.
And here’s what the above sample code looks like on the front end:
I hope these tips have given you a basic understanding of how to customize the text area and label of your comment form.
More Ways To Customize Your Comments Form
- Style Comment Form Submit Button
- Open Comment Author Link In New Window
- Modify Text Before & After Comment Form
- Customize Comment Form Place Holder Input Text Fields & Labels
- How To Remove Comment Form Allowed Tags