How to reduce the size of the "Add comment" box

Updated Jun 27, 2018

Add custom javascript

Add this script to hide the comment form on your site, but make it visible by clicking on a link.

$(document).ready(function() {
  $('.screensteps-add-comment').hide();
  $('.screensteps-add-comment').before('<a href="#" id="add-comment-link">Add a comment</a>');  
  $('#add-comment-link').click(function(event) {
    $('.screensteps-add-comment').show();
    $(this).hide();
    return false;
  });
});

Here is how to add custom javascript.

Here is what it will look like

User clicks on link.

Here is what it will look like

They see the full form.

0 Comment

Add your comment

E-Mail me when someone replies to this comment
Previous Article How to center images on your site
Next Article Adding Google Translator to your site

Still Need Help?

Contact Us