Select Language:
If you’re trying to remove or hide the reaction sections (like thumbs up, thumbs down, smile, etc.) from a webpage or a discussion forum, here’s a simple way you can do it using browser tools:
First, open your web browser and go to the page where the reactions are displayed. Right-click anywhere on the reaction section and choose “Inspect” or “Inspect Element” from the context menu. This will open the developer tools panel, highlighting the part of the page’s code that shows those reactions.
Look for the <div> or <section> that contains the reaction buttons. In this case, it may have a class like js-discussion-reaction-group or similar. Once you find it, you can hide it by adding a quick CSS rule or directly modifying the code.
Here’s what you can do:
-
Using Browser’s Developer Tools:
- In the developer tools, find the
<div>containing reactions. - Right-click on that element and select “Hide element” or “Delete” to temporarily remove it from view.
- In the developer tools, find the
-
Applying Custom CSS:
- If you want this change to stay longer or for future visits, you can add custom CSS to hide that section.
- You can do this by installing a browser extension that supports custom styles (like Stylish or Stylus).
- Then, add a rule like:
css
/ Hide reaction group section /
.js-discussion-reaction-group {
display: none !important;
} -
Permanent Removal (Advanced):
- For a more permanent solution, you’d need to modify the website’s source code or use user scripts. This requires more technical knowledge and access, which may not always be possible.
Remember, changes made through developer tools are temporary and only affect your view. If you want a permanent solution, using custom styles with a browser extension is a good way to go.
By following these steps, you’ll be able to hide those unwanted reaction buttons easily and enjoy a cleaner page layout.




