Remove Website box from Blog Comments and change format

Hey hbourdillon,
To remove the “website” field, Please add this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

.comment_container p.comment-form-url {
display: none !important;
}

To format the comments fields to look like the ‘Subscribe to Blog’ section, we will first need to hide the labels with this css:

.comment_container label[for=author],.comment_container label[for=email] {
display: none !important;
}

Then we will need to add the placeholders in the fields, by adding this code to the end of your functions.php file in Appearance > Editor:

function add_placeholders(){
  ?>
  <script>
  function placeholders() {
  document.querySelector("input#author")
  .setAttribute("placeholder", "Name");
  document.querySelector("input#email")
  .setAttribute("placeholder", "email");
}
$(document).ready(placeholders);
  </script>
  <?php
  }
  add_action('wp_footer', 'add_placeholders');

Here’s the expected results:

After you add this code, Please clear your browser cache.

Best regards,
Mike

Hi,
I rewrote the placeholder script and added it and it seems to be working correctly now:

function add_placeholders(){
?>
<script>
(function($){
$(document).ready(function(){
$(".comment-form-author input#author").attr("placeholder", "Name");
$(".comment-form-email input#email").attr("placeholder", "email");
});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'add_placeholders');

To make the name and email field and submit button full width, I added this in your Quick CSS:

#top .comment-form-email input, #top .comment-form-author input,#top .comment_container .form-submit input.submit {
    width: 100% !important; 
}

To correct the font size for the checkbox text, I added this Quick CSS:

#top label[for=wp-comment-cookies-consent], #top label[for=comment-form-av-privatepolicy] {
    font-weight: bold !important; 
    font-size: 0.92em !important; 
}

To remove the text “and website” from the label, I added this script to your functions.php:

function replace_consent_text(){
?>
<script>
(function($){
$(document).ready(function(){
$("label[for=wp-comment-cookies-consent]").text("Save my name and email in this browser for the next time I comment.");
});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'replace_consent_text');

Please clear your browser cache and check.

Best regards,
Mike

Hi,
To remove the “comment-form-cookies-consent” check box, I went to WordPress > Settings > General > Discussion Settings > Show comments cookies opt-in checkbox and unchecked it, and I removed the script that changed the wording.
I then updated the comment form to show a placeholder, and the font size for the submit button, and the mobile view of the “Privacy Policy” tick box line.

Please clear your browser cache and check.

Best regards,
Mike

Hi,
Thank you, I’m glad to help.
I assume that we can close this now, but I like a ask first, so shall we close this then?

Best regards,
Mike

Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

Best regards,
Mike