Are you tired of endless comment threads on your WordPress comment? Want to encourage direct interaction and prevent off-topic discussion? Hiding the reply button is the answer.
This article will show you how to hide the WordPress comment’s reply button without relying on third-party plugins. Removing the reply button from the comment section also has other benefits, such as reducing spam, simplifying moderation, and helping to improve the user experience.
A cleaner comment section without multiple nested replies can make it easier for users to read and follow the discussion.
Steps to Hide the Reply Button on the WordPress Comment (without Plugin)
Step 1: Identify the Reply Button’s CSS Class
Alright, you need to pinpoint its specific CSS class before you can hide the reply button. The class name depends on the WordPress theme and any active plugin you use. So, how do you get the CSS class name of the reply button element on the WordPress comment?
Go to any one of your blog posts that already has a comment.
You can use the built-in Developer Tools of your web browser (nearly all web browsers have this feature). If you use Google Chrome, you can click the menu icon (three-dot icon) and select More Tools -> Developer Tools.
Once you’ve entered the Developers Tools window, click the arrow icon to inspect an element on your page (see the image below).
Next, point the cursor to the reply button element to find out its CSS class.
As in the image above, the class name appears when you hover over the reply button element. For this example, our CSS class name is “.comment-reply-link“.
Step 2: Adding the Simple CSS Snippet
Once you’ve got the CSS class of your reply button element, we will use it to add a simple CSS snippet to the WordPress Additional CSS.
On your WordPress dashboard, go to Appearance -> Customizer -> Additional CSS. Afterward, copy the CSS snippet below and paste it into the available field.
Note: If you’re using a block theme, click here to learn how to enable a theme customizer on your WordPress.
.comment-reply-link{
display: none !important;
}
As you can see from the GIF above, the reply button element is completely removed. Don’t forget to click the Publish button to apply the changes you’ve made.
What did the CSS code do?
This CSS targets the reply button on the comment section with the class .comment-reply-link and applies the following style to them:
display: none: This property hides the reply button elements from the page, specifically in the WordPress comment section.
!important: This rule overrides any other style rules that might try to show the reply button element. So, even if other styles try to show the reply button element, this rule will override them and ensure they remain hidden.
The Bottom Line
This article shows how easily you can hide the reply button on a WordPress comment without the help of any third-party plugin. It can be easily achieved by adding a small CSS code snippet to your theme’s stylesheet.
This method is straightforward and does not require the use of any plugins, ensuring a clean and efficient way to customize your WordPress site while maintaining optimal performance.
This page may contain affiliate links, which help support our project. Read our affiliate disclosure.
Akbar is a WordPress expert and a writer staff at WPPagebuilders. He mainly writes about Gutenberg, Elementor, Divi, and other WordPress page builders.
Want to start a profitable blog with WordPress? OF COURSE!
How to Hide Reply Button on WordPress Comment (without Plugin)
Are you tired of endless comment threads on your WordPress comment? Want to encourage direct interaction and prevent off-topic discussion? Hiding the reply button is the answer.
This article will show you how to hide the WordPress comment’s reply button without relying on third-party plugins. Removing the reply button from the comment section also has other benefits, such as reducing spam, simplifying moderation, and helping to improve the user experience.
A cleaner comment section without multiple nested replies can make it easier for users to read and follow the discussion.
Steps to Hide the Reply Button on the WordPress Comment (without Plugin)
Step 1: Identify the Reply Button’s CSS Class
Alright, you need to pinpoint its specific CSS class before you can hide the reply button. The class name depends on the WordPress theme and any active plugin you use. So, how do you get the CSS class name of the reply button element on the WordPress comment?
Go to any one of your blog posts that already has a comment.
You can use the built-in Developer Tools of your web browser (nearly all web browsers have this feature). If you use Google Chrome, you can click the menu icon (three-dot icon) and select More Tools -> Developer Tools.
Once you’ve entered the Developers Tools window, click the arrow icon to inspect an element on your page (see the image below).
Next, point the cursor to the reply button element to find out its CSS class.
As in the image above, the class name appears when you hover over the reply button element. For this example, our CSS class name is “.
comment-reply-link
“.Step 2: Adding the Simple CSS Snippet
Once you’ve got the CSS class of your reply button element, we will use it to add a simple CSS snippet to the WordPress Additional CSS.
On your WordPress dashboard, go to Appearance -> Customizer -> Additional CSS. Afterward, copy the CSS snippet below and paste it into the available field.
Note: If you’re using a block theme, click here to learn how to enable a theme customizer on your WordPress.
As you can see from the GIF above, the reply button element is completely removed. Don’t forget to click the Publish button to apply the changes you’ve made.
What did the CSS code do?
This CSS targets the reply button on the comment section with the class
.comment-reply-link
and applies the following style to them:display: none:
This property hides the reply button elements from the page, specifically in the WordPress comment section.!important:
This rule overrides any other style rules that might try to show the reply button element. So, even if other styles try to show the reply button element, this rule will override them and ensure they remain hidden.The Bottom Line
This article shows how easily you can hide the reply button on a WordPress comment without the help of any third-party plugin. It can be easily achieved by adding a small CSS code snippet to your theme’s stylesheet.
This method is straightforward and does not require the use of any plugins, ensuring a clean and efficient way to customize your WordPress site while maintaining optimal performance.
Akbar Padma
Related posts
How to Remove Website Field from Comment Form in WordPress
How to Allow Visitors to Get Notification when Their Comment is Replied in WordPress
How to Add Star Rating in WordPress Comment (without a Third-Party Plugin)
Recommended posts
Divi Builder: The Best Page Builder for WordPress Agencies Freelancers
3 Fastest Web Hosting Services for WordPress (with a Comparison Table)
8 Best Elementor Pro Alternatives