Helping millions of people navigate the world of technology.

5 Best Extensions to Block Elements on Google Chrome

Quick Tips
  • Download the uBlock Origin extension to hide page elements, along with ads.
  • The ElementHider extension allows you to hide elements using keywords.
  • Hide Anything extension lets you draw over the area that contains the elements you want to remove.

Note: The extensions may not work initially – you will have to restart Chrome after you install the extension.

1. uBlock Origin: Remove Elements and Block Ads

uBlock Origin is an excellent ad-blocking extension for Chrome, and perhaps the best performance-wise. But its functionality doesn’t stop there. Rather, uBlock Origin also comes with a phenomenal element blocker that works like a charm.

Step 1: With the extension installed and activated, simply right-click anywhere within a web page, and then select Block Element on the context menu.

image 522

Step 2: You can then move the cursor around, and the extension will automatically highlight elements that you can block. Make your pick, click Create, and the selected element should be blocked permanently.

Step 3: You can also manage blocked elements using the uBlock Origin dashboard. Right-click the uBlock Origin extension icon, click Options, and then click My Filters. You can then remove previously blocked elements from the filter list.

image 524

Also Read: How to Enable and Disable the Pop-up Blocker on Google Chrome

2. Click to Remove Element: One Click Element Remover

Click to Remove Element offers the same element-blocking capabilities as uBlock Origin, though it doesn’t block ads. And it works just like its name implies.

Step 1: After installing the extension, simply click on the extension icon. You can then hover the cursor around, and the extension will highlight all blockable elements within a page.

Step 2: Click on an undesirable element, and the extension should block it immediately.

image 523

Blocked elements will show up within the Click to Remove Element box in the lower-right corner of the screen. If all looks well, you can then choose to make the extension ‘remember’ your changes in subsequent visits.

3. Hide That: Hide Elements from Right Click Menu

Hide That is another extension that works brilliantly when you want to hide elements on a website.

All you need to do is to right-click on an element and click on the Hide That button. The selected element will be hidden from the webpage.

Hide That

However, the elements will return once you reload the page. Therefore, you need to go to settings and select Auto Hide to hide the selected elements every time you launch the website.

Several other options let you block elements in different ways.

  • You can hide the element – it won’t be visible but will still occupy a blank space.
  • You can remove the element which will get rid of it on the webpage.
  • You can configure the right-click option to do either of these in the settings menu.
Hide That Options

To unhide the elements, all you need to do is tap on the extensions menu icon, click on Hide That, and select Show All.

4. ElementHider: Remove Elements Using Keywords

ElementHider differs from the extensions that you went through above. Rather than pointing and clicking on the element that you want to remove, it instead requires you to insert keywords.

Open the Extension, and input keywords (broad or specific) that an element might contain.

ElementHider will block them automatically across all sites, be they Facebook posts, Twitter tweets, Google search results, news articles, etc. Alternatively, you can choose to blur out elements instead of blocking them.

image 525

Although ElementHider doesn’t have the same visual appeal as the other extensions, it’s perfect for blocking elements that contain similar types of content without having to deal with them repeatedly on multiple sites.

5. Hide Anything: Draw Over the Area to Remove Elements

Hide Anything is an element blocker that takes a different approach. Instead of individually selecting elements, you can draw a rectangle over everything you want to hide.

Step 1: All you need to do is use the Ctrl key, left-click, and draw a rectangle over the elements you want to block.

Step 2: Once the elements are hidden, you can hover your mouse over the blocked section, and remove it if needed.

The extension is quite simple to use and doesn’t come with a lot of options either. If you click on the extensions from the Chrome menu, you will find options to either highlight the elements you have blocked or unhide all the elements on the webpage.

Hide Anything Options

Also Read: How to remove Chrome Extensions permanently

Was this helpful?

Thanks for your feedback!

Last updated on 30 June, 2024

Leave a Reply

Your email address will not be published. Required fields are marked *

The article above may contain affiliate links which help support Guiding Tech. The content remains unbiased and authentic and will never affect our editorial integrity.