How to Use GitHub’s Squash and Merge for Accurate Co-Authored Commit Trailers

Select Language:

If you’re trying to hide a comment section on a website, but the usual options aren’t working, here’s a simple method to do it using your browser’s tools. This method is quick, works on most websites, and doesn’t require any special skills.

First, open the webpage where you see the comment section you want to hide. Right-click anywhere in that section and select “Inspect” or “Inspect Element” from the menu. This will open a panel showing the website’s code.

In this panel, look for the part of the code that corresponds to the comment section. It usually appears as a <div> or a similar container. Once you’ve found it, right-click on that element in the code view and choose “Delete Element” or “Hide Element” if available. If not, you can temporarily hide it by adding a style that sets display to none. To do this, find the tag or class name, double-click to edit, and add style="display:none;" there.

For example, if the container’s code looks like <div class="comments-section">...</div>, you can change it to <div class="comments-section" style="display:none;">...</div>. This will hide the entire section from view.

Please note, this change only affects your view and won’t delete anything from the website’s server. When you refresh the page, the comment section will come back. If you want a permanent solution, you might need a website extension or ask the site administrator if they can make adjustments.

This simple trick helps you clean up your browsing experience without much hassle. Just remember, it’s only temporary, and the website might still have the content hidden in the code panel for further inspection if needed.