How to Customize VS Code Using GitHub Extensions

Select Language:

If you’re trying to remove the reaction buttons on a webpage like GitHub, here’s a simple way to do it using your browser’s developer tools:

First, open the webpage where you see the reaction buttons you want to hide. Right-click on one of those buttons and select “Inspect” or “Inspect Element” from the menu. This will open the developer tools panel and highlight the HTML code for that button.

Look for the <div> or <button> tag that contains the reaction buttons. It might have classes like js-reaction-group-button or similar. Once you find the parent container that holds all the reaction buttons, you can hide the entire section.

In the developer tools, right-click on that container element and choose “Delete Element” to remove it temporarily. This change only affects your current view and isn’t permanent.

If you want to hide the reaction section permanently, you can write a simple CSS snippet. For example, add this style to your browser’s custom styles (such as with an extension like Stylish or Stylus):

css
/ Hide the reaction buttons section /
.reaction-group-container-class {
display: none !important;
}

Replace .reaction-group-container-class with the actual class or ID of the container holding those buttons.

Alternatively, if you’re comfortable with userscripts, you can create a small script that automatically hides these reaction buttons whenever you visit the page.

Remember, this change only affects what you see. Other users will still see the reaction buttons unless they apply similar styles.

By following these steps, you’ll be able to hide the reaction buttons easily, making your view cleaner and focused on the content you care about.