The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

Customizing WordPress Themes comments form

  • # May 10, 2011 at 5:07 am

    Can anyone point me in the right direction? I’m after a good book or tutorial that will teach me how to customize the WordPress comments form and how the comments are displayed. I’ve searched the internet for help on this and all I’ve found are out of date tutorials or I’m just not getting it. Can anyone help? Thanks!

    # May 10, 2011 at 10:47 am

    Styling the comments is as easy as looking at the HTML that WordPress outputs and overriding any default styling it may have with your own CSS.

    # May 11, 2011 at 4:26 am

    Just use your browsers developer tools to identify the selectors used, then re-style in your themes CSS.

    It also depends whether you’re using a theme that has it’s own comments markup or whether it uses the “comment_form” tag. If it uses the latter you can use your functions.php to add/edit the fields. You can also edit the “comment_form” tag, for example mine is:

    	< ?php comment_form(array('title_reply'=>'Comments','comment_notes_before' => '

    ' . __( 'Your email address will not be published. Name/Email fields are required.' ) . ( $req ? $required_text : '' ) . '

    ')); ?>

    As you can see I’ve edited the notes. Hope this helps.

    # May 11, 2011 at 3:11 pm

    Thanks guys all help is much appreciated!!

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed