17

There is one website that I like, but with a comment section that super annoys me. I want to block the div that holds the comments permanently, across pages, in Google Chrome.

For a temporary deletion, I can just remove the node using Chrome's Web Developer Tools. But how to remove it forever?

How can I do that? I bet Adblock does not help me, nor do good intentions. Even if I try, I end up skimming through the comments which is not good for my mental health. Hint: It's a sports website with very low-quality comments.

So here is the virtual example:

  • SITE: www.sportsrumours.com
  • DIV to block: <div class="comments">All annoying comments go here</div>
  • The DIV is the same on all pages of www.sportsrumours.com
mcbetz
  • 398

4 Answers4

33

For this kind of thing, I normally recommend the Stylus Add-on for chrome.

Browse to the site when you have installed the add-on and go to:

Stylus (Icon) > Write Style for > Click on the part of the URL you'd like the div to disappear on.

Use a code similar to the following to hide the div:

.comments {display: none !important;}

Save (CMD+S), and you should notice the div is now hidden

Community
  • 1
Fazer87
  • 12,965
16

You can use Adblock Plus chrome or firefox extension. When enabled, click its extension icon and then click "Block element". Then you can click an element in the page that you want blocked.

Adblock Plus will then block that element each time it is found.

Andrew
  • 171
  • 1
  • 4
1

In addition to Adblock (mentioned by Andrew) this also works with uBlock Origin. I clicked the element picker (eyedropper), selected the element, and then clicked the create button. Poof, gone!

jashad2
  • 11
1

You can use Stylebot chrome extension. After installing go to the website, open Stylebot and use the arrow-tool for selecting the DIV. Then look for Layout and visibility and click on hide. The DIV will disappear and the change will be persisted. Of course, you can undo that whenever you want.

drkblog
  • 2,665