How to block div on website permanently using Chrome?

Solution 1:

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

Solution 2:

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.

Solution 3:

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.