• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

WP SITES

2784

Original Genesis Tutorials & 6000+ Guaranteed Code

Snippets

  • Consultation
  • Full Access
  • Log in

Customize Comment Form Text Area & Label

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:

default comment field

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:

custom comment text area

Lets also add some placeholder text with a message.

Here is what it looks like now:

placeholder text

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:

comment text area style

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

Reader Interactions

Comments

  1. Mario says

    July 27, 2014 at 3:56 pm

    How can I simply remove like in your site? I don’t want it to appear in the HTML code not even if it’s blank.

    Log in to Reply
    • Mario says

      July 27, 2014 at 3:59 pm

      It didn’t appear, so I put some spaces between.

      I just want to remove the comment label.

      Log in to Reply
  2. Joe says

    April 24, 2014 at 1:34 am

    Is it possible to do this same thing but to the author and email text fields?

    Log in to Reply
    • Brad Dalton says

      April 24, 2014 at 1:41 am

      Yes.

      Log in to Reply
      • Joe says

        April 30, 2014 at 11:35 pm

        Is it a simple change or would that be a little more complicated? I’ve tried myself but I don’t really know the right tags for those fields.

        Log in to Reply
        • Brad Dalton says

          April 30, 2014 at 11:39 pm

          I’ve already linked to the code at the end of the post which you can find yourself.

          Its a very simple change where you simply edit the text in the code to anything you like.

          Log in to Reply
          • Joe says

            May 8, 2014 at 12:11 am

            Thank you so much!

  3. Kitty says

    September 23, 2013 at 2:26 pm

    Hi Brad,

    I’m trying to do this – change the text to “feeback” rather than “speak your mind” – I’ve pasted that code into the Prose -> functions.php without results then tried the init.php in same Prose folder. Neither resulted in the change.

    How the heck can I change that?
    Thanks for your help Brad. Looks so darn easy.

    Log in to Reply
    • Brad Dalton says

      September 23, 2013 at 2:45 pm

      Hi Kitty

      Try the Genesis > Custom Code box for PHP otherwise you may need to add the code using a code snippet plugin.

      Log in to Reply
      • Kitty says

        September 23, 2013 at 3:25 pm

        Thanks Brad, I’ll give it a try!

        ~Kitty

        Log in to Reply

Leave a Reply Cancel reply

You must be logged in to post a comment.

Primary Sidebar

Code written by Brad Dalton specialist for Genesis, WooCommerce & WordPress theme customization. Read More…

Advertise · WPEngine · Genesis · Log in

  • Access Problems
  • Account Details
  • Consulting
  • Tags
 

Loading Comments...
 

You must be logged in to post a comment.