WordPress Comments “Post Comment” Button Customise

To customize the style of the Post Comment button on WordPress for your blog post, you can customize the following steps:

Open your stylesheet (style.css) file. It’s highly recommended to use a child theme to avoid losing your changes during theme updates.

Add the following CSS code to the style.css file:

/* Custom button styles for Post Comments */

/* Target the button within the comments form */
#comments .form-submit input#submit {
  padding: 10px 20px; /* Adjust the padding as needed */
  font-size: 16px; /* Modify the font size */
  background-color: #ff0000; /* Set the background color */
  color: #ffffff; /* Set the text color */
  border: none; /* Remove the border */
  border-radius: 5px; /* Adjust the border radius */

/* Hover effect for the button */
#comments .form-submit input#submit:hover {
  background-color: #ff5500; /* Change the background color on hover */
  cursor: pointer; /* Add a cursor pointer on hover */

Feel free to modify the CSS properties such as padding, font size, background color, text color, border, and border-radius according to your preferred design. The provided code also includes a hover effect that changes the background color and adds a cursor pointer for better user experience.

Once you have made the desired changes, save the modifications to the style.css file. Ensure that the CSS code is correctly applied to see the customized “Post Comment” button on your WordPress site.

Leave a Reply

Your email address will not be published. Required fields are marked *

More post