Communities

Writing
Writing
Codidact Meta
Codidact Meta
The Great Outdoors
The Great Outdoors
Photography & Video
Photography & Video
Scientific Speculation
Scientific Speculation
Cooking
Cooking
Electrical Engineering
Electrical Engineering
Judaism
Judaism
Languages & Linguistics
Languages & Linguistics
Software Development
Software Development
Mathematics
Mathematics
Christianity
Christianity
Code Golf
Code Golf
Music
Music
Physics
Physics
Linux Systems
Linux Systems
Power Users
Power Users
Tabletop RPGs
Tabletop RPGs
Community Proposals
Community Proposals
tag:snake search within a tag
answers:0 unanswered questions
user:xxxx search by author id
score:0.5 posts with 0.5+ score
"snake oil" exact phrase
votes:4 posts with 4+ votes
created:<1w created < 1 week ago
post_type:xxxx type of post
Search help
Notifications
Mark all as read See all your notifications »
Users Search
Help Dashboard Sign In Sign Up
Q&A Meta
Q&A
Posts Tags Edits
Ask Question

Welcome to the Power Users community on Codidact!

Power Users is a Q&A site for questions about the usage of computer software and hardware. We are still a small site and would like to grow, so please consider joining our community. We are looking forward to your questions and answers; they are the building blocks of a repository of knowledge we are building together.

Post History

66%
+2 −0
Q&A How can I get my browser to block a specific SVG (Discord server icon)?

One possibility is to use an ad-blocker that can hide HTML elements based on a filter expression. I haven't used AdBlock for many years, so i can't say whether AdBlock can do it. However, uBlock Or...

posted 3y ago by elgonzo‭  ·  edited 3y ago by elgonzo‭

Answer
#14: Post edited by user avatar elgonzo‭ · 2021-12-15T21:48:42Z (about 3 years ago)
Adapted examples to use discord.com domain
  • One possibility is to use an ad-blocker that can hide HTML elements based on a filter expression. I haven't used AdBlock for many years, so i can't say whether AdBlock can do it. However, uBlock Origin (also an ad-blocker) can do this.
  • uBlock Origin can filter out unwanted HTML elements based on [CSS selectors](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Selectors), as long as such elements are part of the HTML document as transmitted by the web server (this excludes elements dynamically created by JS, for example).
  • Define the filter in the "My filters" tab pane in the add-on's settings.
  • I am not sure whether the class name "_svg-1X37T1_" for the &lt;svg&gt; element is static, or whether the server will generate another class name for every page load, but you might try a filter like this:
  • ```
  • the.website.com##^.svg-1X37T1
  • ```
  • (Replace "<span>the.website.com</span>" with the host name of the discord server.)
  • The leading `^` in the expression `^.svg-1X37T1` indicates that what follows `^` is a CSS selector. `.svg-1X37T1` is an ordinary class selector. (Documentation reference: https://github.com/gorhill/uBlock/wiki/Static-filter-syntax#html-filters)
  • <BR>
  • Such HTML element filters are of course not constrained to class selectors. Any CSS selector could be used, whether it's a type selector, a class selector, an attribute selector, or some other CSS selector or combination thereof. (An overview of CSS selectors: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Selectors)
  • An example of an attribute selector filter that is also constrained to &lt;svg&gt; elements (using the `:is()` pseudo-class):
  • ```
  • the.website.com##^:is(svg)[width="48"]
  • ```
  • ----
  • As a side note with respect to Chrome being the priority: With the [coming extension API change affecting Chrome extensions](https://www.theregister.com/2021/12/14/googles_manifest_v3_extension_plan/), it is to be seen whether such element filtering would still be possible once Google is making the Manifest v3 API mandatory and removing the previous API for Chrome extensions (removal of the Manifest v2 API has been announced to happen beginning of 2023).
  • One possibility is to use an ad-blocker that can hide HTML elements based on a filter expression. I haven't used AdBlock for many years, so i can't say whether AdBlock can do it. However, uBlock Origin (also an ad-blocker) can do this.
  • uBlock Origin can filter out unwanted HTML elements based on [CSS selectors](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Selectors), as long as such elements are part of the HTML document as transmitted by the web server (this excludes elements dynamically created by JS, for example).
  • Define the filter in the "My filters" tab pane in the add-on's settings.
  • I am not sure whether the class name "_svg-1X37T1_" for the &lt;svg&gt; element is static, or whether the server will generate another class name for every page load, but you might try a filter like this:
  • ```
  • discord.com##^.svg-1X37T1
  • ```
  • The leading `^` in the expression `^.svg-1X37T1` indicates that what follows `^` is a CSS selector. `.svg-1X37T1` is an ordinary class selector. (Documentation reference: https://github.com/gorhill/uBlock/wiki/Static-filter-syntax#html-filters)
  • <BR>
  • Such HTML element filters are of course not constrained to class selectors. Any CSS selector could be used, whether it's a type selector, a class selector, an attribute selector, or some other CSS selector or combination thereof. (An overview of CSS selectors: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Selectors)
  • An example of an attribute selector filter that is also constrained to &lt;svg&gt; elements (using the `:is()` pseudo-class):
  • ```
  • discord.com##^:is(svg)[width="48"]
  • ```
  • ----
  • As a side note with respect to Chrome being the priority: With the [coming extension API change affecting Chrome extensions](https://www.theregister.com/2021/12/14/googles_manifest_v3_extension_plan/), it is to be seen whether such element filtering would still be possible once Google is making the Manifest v3 API mandatory and removing the previous API for Chrome extensions (removal of the Manifest v2 API has been announced to happen beginning of 2023).
#13: Post edited by user avatar elgonzo‭ · 2021-12-15T21:18:03Z (about 3 years ago)
Added attribute filter example
  • One possibility is to use an ad-blocker that can hide HTML elements based on a filter expression. I haven't used AdBlock for many years, so i can't say whether AdBlock can do it. However, uBlock Origin (also an ad-blocker) can do this.
  • uBlock Origin can filter out unwanted HTML elements based on [CSS selectors](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Selectors), as long as such elements are part of the HTML document as transmitted by the web server (this excludes elements dynamically created by JS, for example).
  • Define the filter in the "My filters" tab pane in the add-on's settings.
  • I am not sure whether the class name "_svg-1X37T1_" for the &lt;svg&gt; element is static, or whether the server will generate another class name for every page load, but you might try a filter like this:
  • ```
  • the.website.com##^.svg-1X37T1
  • ```
  • (Replace "<span>the.website.com</span>" with the host name of the discord server.)
  • The leading `^` in the expression `^.svg-1X37T1` indicates that what follows `^` is a CSS selector. `.svg-1X37T1` is an ordinary class selector. (Documentation reference: https://github.com/gorhill/uBlock/wiki/Static-filter-syntax#html-filters)
  • ----
  • As a side note with respect to Chrome being the priority: With the [coming extension API change affecting Chrome extensions](https://www.theregister.com/2021/12/14/googles_manifest_v3_extension_plan/), it is to be seen whether such element filtering would still be possible once Google is making the Manifest v3 API mandatory and removing the previous API for Chrome extensions (removal of the Manifest v2 API has been announced to happen beginning of 2023).
  • One possibility is to use an ad-blocker that can hide HTML elements based on a filter expression. I haven't used AdBlock for many years, so i can't say whether AdBlock can do it. However, uBlock Origin (also an ad-blocker) can do this.
  • uBlock Origin can filter out unwanted HTML elements based on [CSS selectors](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Selectors), as long as such elements are part of the HTML document as transmitted by the web server (this excludes elements dynamically created by JS, for example).
  • Define the filter in the "My filters" tab pane in the add-on's settings.
  • I am not sure whether the class name "_svg-1X37T1_" for the &lt;svg&gt; element is static, or whether the server will generate another class name for every page load, but you might try a filter like this:
  • ```
  • the.website.com##^.svg-1X37T1
  • ```
  • (Replace "<span>the.website.com</span>" with the host name of the discord server.)
  • The leading `^` in the expression `^.svg-1X37T1` indicates that what follows `^` is a CSS selector. `.svg-1X37T1` is an ordinary class selector. (Documentation reference: https://github.com/gorhill/uBlock/wiki/Static-filter-syntax#html-filters)
  • <BR>
  • Such HTML element filters are of course not constrained to class selectors. Any CSS selector could be used, whether it's a type selector, a class selector, an attribute selector, or some other CSS selector or combination thereof. (An overview of CSS selectors: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Selectors)
  • An example of an attribute selector filter that is also constrained to &lt;svg&gt; elements (using the `:is()` pseudo-class):
  • ```
  • the.website.com##^:is(svg)[width="48"]
  • ```
  • ----
  • As a side note with respect to Chrome being the priority: With the [coming extension API change affecting Chrome extensions](https://www.theregister.com/2021/12/14/googles_manifest_v3_extension_plan/), it is to be seen whether such element filtering would still be possible once Google is making the Manifest v3 API mandatory and removing the previous API for Chrome extensions (removal of the Manifest v2 API has been announced to happen beginning of 2023).
#12: Post edited by user avatar elgonzo‭ · 2021-12-15T19:52:26Z (about 3 years ago)
  • One possibility is to use an ad-blocker that can hide HTML elements based on a filter expression. I haven't used AdBlock for many years, so i can't say whether AdBlock can do it. However, uBlock Origin (also an ad-blocker) can do this.
  • uBlock Origin can filter out unwanted HTML elements based on [CSS selectors](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Selectors), as long as such elements are part of the HTML document as transmitted by the web server (this excludes elements dynamically created by JS, for example).
  • Define the filter in the "My filters" tab pane in the add-on's settings.
  • I am not sure whether the class name "_svg-1X37T1_" for the &lt;svg&gt; element is static, or whether the server will generate another class name for every page load, but you might try a filter like this:
  • ```
  • the.website.com##^.svg-1X37T1
  • ```
  • (Replace "<span>the.website.com</span>" with the host name of the discord server.)
  • The leading `^` in the expression `^.svg-1X37T1` indicates that what follows `^` is a CSS selector. `.svg-1X37T1` is an ordinary class selector. (Documentation reference: https://github.com/gorhill/uBlock/wiki/Static-filter-syntax#html-filters)
  • ----
  • As a side note with respect to Chrome being the priority: With the [coming extension API change affecting Chrome extensions](https://www.theregister.com/2021/12/14/googles_manifest_v3_extension_plan/), it is to be seen whether such element filtering would still be possible once Google is making the Manifest v3 API mandatory and removing the previous API for Chrome extensions (removal of the Manifest v2 API is so far announced to be beginning of 2023).
  • One possibility is to use an ad-blocker that can hide HTML elements based on a filter expression. I haven't used AdBlock for many years, so i can't say whether AdBlock can do it. However, uBlock Origin (also an ad-blocker) can do this.
  • uBlock Origin can filter out unwanted HTML elements based on [CSS selectors](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Selectors), as long as such elements are part of the HTML document as transmitted by the web server (this excludes elements dynamically created by JS, for example).
  • Define the filter in the "My filters" tab pane in the add-on's settings.
  • I am not sure whether the class name "_svg-1X37T1_" for the &lt;svg&gt; element is static, or whether the server will generate another class name for every page load, but you might try a filter like this:
  • ```
  • the.website.com##^.svg-1X37T1
  • ```
  • (Replace "<span>the.website.com</span>" with the host name of the discord server.)
  • The leading `^` in the expression `^.svg-1X37T1` indicates that what follows `^` is a CSS selector. `.svg-1X37T1` is an ordinary class selector. (Documentation reference: https://github.com/gorhill/uBlock/wiki/Static-filter-syntax#html-filters)
  • ----
  • As a side note with respect to Chrome being the priority: With the [coming extension API change affecting Chrome extensions](https://www.theregister.com/2021/12/14/googles_manifest_v3_extension_plan/), it is to be seen whether such element filtering would still be possible once Google is making the Manifest v3 API mandatory and removing the previous API for Chrome extensions (removal of the Manifest v2 API has been announced to happen beginning of 2023).
#11: Post edited by user avatar elgonzo‭ · 2021-12-15T19:51:53Z (about 3 years ago)
  • One possibility is to use an ad-blocker that can hide HTML elements based on a filter expression. I haven't used AdBlock for many years, so i can't say whether AdBlock can do it. However, uBlock Origin (also an ad-blocker) can do this.
  • uBlock Origin can filter out unwanted HTML elements based on [CSS selectors](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Selectors), as long as such elements are part of the HTML document as transmitted by the web server (this excludes elements dynamically created by JS, for example).
  • Define the filter in the "My filters" tab pane in the add-on's settings.
  • I am not sure whether the class name "_svg-1X37T1_" for the &lt;svg&gt; element is static, or whether the server will generate another class name for every page load, but you might try a filter like this:
  • ```
  • the.website.com##^.svg-1X37T1
  • ```
  • (Replace "<span>the.website.com</span>" with the host name of the discord server.)
  • The leading `^` in the expression `^.svg-1X37T1` indicates that what follows `^` is a CSS selector. `.svg-1X37T1` is an ordinary class selector. (Documentation reference: https://github.com/gorhill/uBlock/wiki/Static-filter-syntax#html-filters)
  • ----
  • As a side note with respect to Chrome being the priority: With the [coming extension API change affecting Chrome extensions](https://www.theregister.com/2021/12/14/googles_manifest_v3_extension_plan/), it is to be seen whether such element filtering would still be possible once Google is making the Manifest v3 API mandatory for Chrome extensions.
  • One possibility is to use an ad-blocker that can hide HTML elements based on a filter expression. I haven't used AdBlock for many years, so i can't say whether AdBlock can do it. However, uBlock Origin (also an ad-blocker) can do this.
  • uBlock Origin can filter out unwanted HTML elements based on [CSS selectors](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Selectors), as long as such elements are part of the HTML document as transmitted by the web server (this excludes elements dynamically created by JS, for example).
  • Define the filter in the "My filters" tab pane in the add-on's settings.
  • I am not sure whether the class name "_svg-1X37T1_" for the &lt;svg&gt; element is static, or whether the server will generate another class name for every page load, but you might try a filter like this:
  • ```
  • the.website.com##^.svg-1X37T1
  • ```
  • (Replace "<span>the.website.com</span>" with the host name of the discord server.)
  • The leading `^` in the expression `^.svg-1X37T1` indicates that what follows `^` is a CSS selector. `.svg-1X37T1` is an ordinary class selector. (Documentation reference: https://github.com/gorhill/uBlock/wiki/Static-filter-syntax#html-filters)
  • ----
  • As a side note with respect to Chrome being the priority: With the [coming extension API change affecting Chrome extensions](https://www.theregister.com/2021/12/14/googles_manifest_v3_extension_plan/), it is to be seen whether such element filtering would still be possible once Google is making the Manifest v3 API mandatory and removing the previous API for Chrome extensions (removal of the Manifest v2 API is so far announced to be beginning of 2023).
#10: Post edited by user avatar elgonzo‭ · 2021-12-15T19:48:58Z (about 3 years ago)
  • One possibility is to use an ad-blocker that can hide HTML elements based on a filter expression. I haven't used AdBlock for many years, so i can't say whether AdBlock can do it. However, uBlock Origin (also an ad-blocker) can do this.
  • uBlock Origin can filter out unwanted HTML elements based on [CSS selectors](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Selectors), as long as such elements are part of the HTML document as transmitted by the web server (this excludes elements dynamically created by JS, for example).
  • Define the filter in the "My filters" tab pane in the add-on's settings.
  • I am not sure whether the class name "_svg-1X37T1_" for the &lt;svg&gt; element is static, or whether the server will generate another class name for every page load, but you might try a filter like this:
  • ```
  • the.website.com##^.svg-1X37T1
  • ```
  • (Replace "<span>the.website.com</span>" with the host name of the discord server.)
  • The leading `^` in the expression `^.svg-1X37T1` indicates that what follows `^` is a CSS selector. `.svg-1X37T1` is an ordinary class selector. (Documentation reference: https://github.com/gorhill/uBlock/wiki/Static-filter-syntax#html-filters)
  • ----
  • As a side note with respect to Chrome being the priority: With the [coming extension API change affecting Chrome extensions](https://www.theregister.com/2021/12/14/googles_manifest_v3_extension_plan/), it is to be seen whether such element filtering would still be possible once Google is making the Manifest v3 API mandatory for Chrome add-ons.
  • One possibility is to use an ad-blocker that can hide HTML elements based on a filter expression. I haven't used AdBlock for many years, so i can't say whether AdBlock can do it. However, uBlock Origin (also an ad-blocker) can do this.
  • uBlock Origin can filter out unwanted HTML elements based on [CSS selectors](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Selectors), as long as such elements are part of the HTML document as transmitted by the web server (this excludes elements dynamically created by JS, for example).
  • Define the filter in the "My filters" tab pane in the add-on's settings.
  • I am not sure whether the class name "_svg-1X37T1_" for the &lt;svg&gt; element is static, or whether the server will generate another class name for every page load, but you might try a filter like this:
  • ```
  • the.website.com##^.svg-1X37T1
  • ```
  • (Replace "<span>the.website.com</span>" with the host name of the discord server.)
  • The leading `^` in the expression `^.svg-1X37T1` indicates that what follows `^` is a CSS selector. `.svg-1X37T1` is an ordinary class selector. (Documentation reference: https://github.com/gorhill/uBlock/wiki/Static-filter-syntax#html-filters)
  • ----
  • As a side note with respect to Chrome being the priority: With the [coming extension API change affecting Chrome extensions](https://www.theregister.com/2021/12/14/googles_manifest_v3_extension_plan/), it is to be seen whether such element filtering would still be possible once Google is making the Manifest v3 API mandatory for Chrome extensions.
#9: Post edited by user avatar elgonzo‭ · 2021-12-15T19:48:25Z (about 3 years ago)
  • One possibility is to use an ad-blocker that can hide HTML elements based on a filter expression. I haven't used AdBlock for many years, so i can't say whether AdBlock can do it. However, uBlock Origin (also an ad-blocker) can do this.
  • uBlock Origin can filter out unwanted HTML elements based on [CSS selectors](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Selectors), as long as such elements are part of the HTML document as transmitted by the web server (this excludes elements dynamically created by JS, for example).
  • Define the filter in the "My filters" tab pane in the add-on's settings.
  • I am not sure whether the class name "_svg-1X37T1_" for the &lt;svg&gt; element is static, or whether the server will generate another class name for every page load, but you might try a filter like this:
  • ```
  • the.website.com##^.svg-1X37T1
  • ```
  • (Replace "<span>the.website.com</span>" with the host name of the discord server.)
  • The leading `^` in the expression `^.svg-1X37T1` indicates that what follows `^` is a CSS selector. `.svg-1X37T1` is an ordinary class selector. (Documentation reference: https://github.com/gorhill/uBlock/wiki/Static-filter-syntax#html-filters)
  • ----
  • As a side note with respect to Chrome being the priority: With the [coming API change for Chrome add-ons](https://www.theregister.com/2021/12/14/googles_manifest_v3_extension_plan/), it is to be seen whether such element filtering would still be possible once Google is making the Manifest v3 API mandatory for Chrome add-ons.
  • One possibility is to use an ad-blocker that can hide HTML elements based on a filter expression. I haven't used AdBlock for many years, so i can't say whether AdBlock can do it. However, uBlock Origin (also an ad-blocker) can do this.
  • uBlock Origin can filter out unwanted HTML elements based on [CSS selectors](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Selectors), as long as such elements are part of the HTML document as transmitted by the web server (this excludes elements dynamically created by JS, for example).
  • Define the filter in the "My filters" tab pane in the add-on's settings.
  • I am not sure whether the class name "_svg-1X37T1_" for the &lt;svg&gt; element is static, or whether the server will generate another class name for every page load, but you might try a filter like this:
  • ```
  • the.website.com##^.svg-1X37T1
  • ```
  • (Replace "<span>the.website.com</span>" with the host name of the discord server.)
  • The leading `^` in the expression `^.svg-1X37T1` indicates that what follows `^` is a CSS selector. `.svg-1X37T1` is an ordinary class selector. (Documentation reference: https://github.com/gorhill/uBlock/wiki/Static-filter-syntax#html-filters)
  • ----
  • As a side note with respect to Chrome being the priority: With the [coming extension API change affecting Chrome extensions](https://www.theregister.com/2021/12/14/googles_manifest_v3_extension_plan/), it is to be seen whether such element filtering would still be possible once Google is making the Manifest v3 API mandatory for Chrome add-ons.
#8: Post edited by user avatar elgonzo‭ · 2021-12-15T19:47:50Z (about 3 years ago)
  • One possibility is to use an ad-blocker that can hide HTML elements based on a filter expression. I haven't used AdBlock for many years, so i can't say whether AdBlock can do it. However, uBlock Origin (also an ad-blocker) can do this.
  • uBlock Origin can filter out unwanted HTML elements based on [CSS selectors](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Selectors), as long as such elements are part of the HTML document as transmitted by the web server (this excludes elements dynamically created by JS, for example).
  • Define the filter in the "My filters" tab pane in the add-on's settings.
  • I am not sure whether the class name "_svg-1X37T1_" for the &lt;svg&gt; element is static, or whether the server will generate another class name for every page load, but you might try a filter like this:
  • ```
  • the.website.com##^.svg-1X37T1
  • ```
  • (Replace "<span>the.website.com</span>" with the host name of the discord server.)
  • The leading `^` in the expression `^.svg-1X37T1` indicates that what follows `^` is a CSS selector. `.svg-1X37T1` is an ordinary class selector. (Documentation reference: https://github.com/gorhill/uBlock/wiki/Static-filter-syntax#html-filters)
  • ----
  • As a side note with respect to Chrome being the priority: With the [purported coming "crackdown" on Chrome ad-blockers by Google](https://www.theregister.com/2021/12/14/googles_manifest_v3_extension_plan/), it is to be seen whether such element filtering would still be possible once Google is making the Manifest v3 API mandatory for Chrome add-ons.
  • One possibility is to use an ad-blocker that can hide HTML elements based on a filter expression. I haven't used AdBlock for many years, so i can't say whether AdBlock can do it. However, uBlock Origin (also an ad-blocker) can do this.
  • uBlock Origin can filter out unwanted HTML elements based on [CSS selectors](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Selectors), as long as such elements are part of the HTML document as transmitted by the web server (this excludes elements dynamically created by JS, for example).
  • Define the filter in the "My filters" tab pane in the add-on's settings.
  • I am not sure whether the class name "_svg-1X37T1_" for the &lt;svg&gt; element is static, or whether the server will generate another class name for every page load, but you might try a filter like this:
  • ```
  • the.website.com##^.svg-1X37T1
  • ```
  • (Replace "<span>the.website.com</span>" with the host name of the discord server.)
  • The leading `^` in the expression `^.svg-1X37T1` indicates that what follows `^` is a CSS selector. `.svg-1X37T1` is an ordinary class selector. (Documentation reference: https://github.com/gorhill/uBlock/wiki/Static-filter-syntax#html-filters)
  • ----
  • As a side note with respect to Chrome being the priority: With the [coming API change for Chrome add-ons](https://www.theregister.com/2021/12/14/googles_manifest_v3_extension_plan/), it is to be seen whether such element filtering would still be possible once Google is making the Manifest v3 API mandatory for Chrome add-ons.
#7: Post edited by user avatar elgonzo‭ · 2021-12-15T19:47:04Z (about 3 years ago)
  • One possibility is to use an ad-blocker that can hide HTML elements based on a filter expression. I haven't used AdBlock for many years, so i can't say whether AdBlock can do it. However, uBlock Origin (also an ad-blocker) can do this.
  • uBlock Origin can filter out unwanted HTML elements based on [CSS selectors](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Selectors), as long as such elements are part of the HTML document as transmitted by the web server (this excludes elements dynamically created by JS, for example).
  • Define the filter in the "My filters" tab pane in the add-on's settings.
  • I am not sure whether the class name "_svg-1X37T1_" for the &lt;svg&gt; element is static, or whether the server will generate another class name for every page load, but you might try a filter like this:
  • ```
  • the.website.com##^.svg-1X37T1
  • ```
  • (Replace "<span>the.website.com</span>" with the host name of the discord server.)
  • The leading `^` in the expression `^.svg-1X37T1` indicates that what follows `^` is a CSS selector. `.svg-1X37T1` is an ordinary class selector. (Documentation reference: https://github.com/gorhill/uBlock/wiki/Static-filter-syntax#html-filters)
  • ----
  • As a side note with respect to Chrome being the priority: With the [purported coming crackdown on Chrome ad-blockers by Google](https://www.theregister.com/2021/12/14/googles_manifest_v3_extension_plan/), it is to be seen whether such element filtering would still be possible once Google is making the Manifest v3 API mandatory for Chrome add-ons.
  • One possibility is to use an ad-blocker that can hide HTML elements based on a filter expression. I haven't used AdBlock for many years, so i can't say whether AdBlock can do it. However, uBlock Origin (also an ad-blocker) can do this.
  • uBlock Origin can filter out unwanted HTML elements based on [CSS selectors](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Selectors), as long as such elements are part of the HTML document as transmitted by the web server (this excludes elements dynamically created by JS, for example).
  • Define the filter in the "My filters" tab pane in the add-on's settings.
  • I am not sure whether the class name "_svg-1X37T1_" for the &lt;svg&gt; element is static, or whether the server will generate another class name for every page load, but you might try a filter like this:
  • ```
  • the.website.com##^.svg-1X37T1
  • ```
  • (Replace "<span>the.website.com</span>" with the host name of the discord server.)
  • The leading `^` in the expression `^.svg-1X37T1` indicates that what follows `^` is a CSS selector. `.svg-1X37T1` is an ordinary class selector. (Documentation reference: https://github.com/gorhill/uBlock/wiki/Static-filter-syntax#html-filters)
  • ----
  • As a side note with respect to Chrome being the priority: With the [purported coming "crackdown" on Chrome ad-blockers by Google](https://www.theregister.com/2021/12/14/googles_manifest_v3_extension_plan/), it is to be seen whether such element filtering would still be possible once Google is making the Manifest v3 API mandatory for Chrome add-ons.
#6: Post edited by user avatar elgonzo‭ · 2021-12-15T19:45:44Z (about 3 years ago)
  • One possibility is to use an ad-blocker that can hide HTML elements based on a filter expression. I haven't used AdBlock for many years, so i can't say whether AdBlock can do it. However, uBlock Origin (also an ad-blocker) can do this.
  • uBlock Origin can filter out unwanted HTML elements based on [CSS selectors](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Selectors), as long as such elements are part of the HTML document as transmitted by the web server (this excludes elements dynamically created by JS, for example).
  • Define the filter in the "My filters" tab pane in the add-on's settings.
  • I am not sure whether the class name "_svg-1X37T1_" for the &lt;svg&gt; element is static, or whether the server will generate another class name for every page load, but you might try a filter like this:
  • ```
  • the.website.com##^.svg-1X37T1
  • ```
  • (Replace "<span>the.website.com</span>" with the host name of the discord server.)
  • The leading `^` in the expression `^.svg-1X37T1` indicates that what follows `^` is a CSS selector. `.svg-1X37T1` is an ordinary class selector. (Documentation reference: https://github.com/gorhill/uBlock/wiki/Static-filter-syntax#html-filters)
  • ----
  • As a side note: With the [purported coming crackdown on Chrome ad-blockers by Google](https://www.theregister.com/2021/12/14/googles_manifest_v3_extension_plan/), it is to be seen whether such element filtering would still be possible once Google is making the Manifest v3 API mandatory for Chrome add-ons.
  • One possibility is to use an ad-blocker that can hide HTML elements based on a filter expression. I haven't used AdBlock for many years, so i can't say whether AdBlock can do it. However, uBlock Origin (also an ad-blocker) can do this.
  • uBlock Origin can filter out unwanted HTML elements based on [CSS selectors](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Selectors), as long as such elements are part of the HTML document as transmitted by the web server (this excludes elements dynamically created by JS, for example).
  • Define the filter in the "My filters" tab pane in the add-on's settings.
  • I am not sure whether the class name "_svg-1X37T1_" for the &lt;svg&gt; element is static, or whether the server will generate another class name for every page load, but you might try a filter like this:
  • ```
  • the.website.com##^.svg-1X37T1
  • ```
  • (Replace "<span>the.website.com</span>" with the host name of the discord server.)
  • The leading `^` in the expression `^.svg-1X37T1` indicates that what follows `^` is a CSS selector. `.svg-1X37T1` is an ordinary class selector. (Documentation reference: https://github.com/gorhill/uBlock/wiki/Static-filter-syntax#html-filters)
  • ----
  • As a side note with respect to Chrome being the priority: With the [purported coming crackdown on Chrome ad-blockers by Google](https://www.theregister.com/2021/12/14/googles_manifest_v3_extension_plan/), it is to be seen whether such element filtering would still be possible once Google is making the Manifest v3 API mandatory for Chrome add-ons.
#5: Post edited by user avatar elgonzo‭ · 2021-12-15T19:45:14Z (about 3 years ago)
  • One possibility is to use an ad-blocker that can hide HTML elements based on a filter expression. I haven't used AdBlock for many years, so i can't say whether AdBlock can do it. However, uBlock Origin (also an ad-blocker) can do this.
  • uBlock Origin can filter out unwanted HTML elements based on [CSS selectors](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Selectors), as long as such elements are part of the HTML document as transmitted by the web server (this excludes elements dynamically created by JS, for example).
  • Define the filter in the "My filters" tab pane in the add-on's settings.
  • I am not sure whether the class name "_svg-1X37T1_" for the &lt;svg&gt; element is static, or whether the server will generate another class name for every page load, but you might try a filter like this:
  • ```
  • the.website.com##^.svg-1X37T1
  • ```
  • (Replace "<span>the.website.com</span>" with the host name of the discord server.)
  • The leading `^` in the expression `^.svg-1X37T1` indicates that what follows `^` is a CSS selector. `.svg-1X37T1` is an ordinary class selector. (Documentation reference: https://github.com/gorhill/uBlock/wiki/Static-filter-syntax#html-filters)
  • One possibility is to use an ad-blocker that can hide HTML elements based on a filter expression. I haven't used AdBlock for many years, so i can't say whether AdBlock can do it. However, uBlock Origin (also an ad-blocker) can do this.
  • uBlock Origin can filter out unwanted HTML elements based on [CSS selectors](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Selectors), as long as such elements are part of the HTML document as transmitted by the web server (this excludes elements dynamically created by JS, for example).
  • Define the filter in the "My filters" tab pane in the add-on's settings.
  • I am not sure whether the class name "_svg-1X37T1_" for the &lt;svg&gt; element is static, or whether the server will generate another class name for every page load, but you might try a filter like this:
  • ```
  • the.website.com##^.svg-1X37T1
  • ```
  • (Replace "<span>the.website.com</span>" with the host name of the discord server.)
  • The leading `^` in the expression `^.svg-1X37T1` indicates that what follows `^` is a CSS selector. `.svg-1X37T1` is an ordinary class selector. (Documentation reference: https://github.com/gorhill/uBlock/wiki/Static-filter-syntax#html-filters)
  • ----
  • As a side note: With the [purported coming crackdown on Chrome ad-blockers by Google](https://www.theregister.com/2021/12/14/googles_manifest_v3_extension_plan/), it is to be seen whether such element filtering would still be possible once Google is making the Manifest v3 API mandatory for Chrome add-ons.
#4: Post edited by user avatar elgonzo‭ · 2021-12-15T19:40:08Z (about 3 years ago)
  • One possibility to hide unwanted elements is to use an ad-blocker that can hide HTML elements based on a filter expression. I haven't used AdBlock for years, so i can't say whether AdBlock can do it. However, uBlock Origin (also an ad-blocker) can do this.
  • uBlock Origin can filter out unwanted HTML elements based on [CSS selectors](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Selectors), as long as such elements are part of the HTML document as transmitted by the web server (this excludes elements dynamically created by JS, for example).
  • Define the filter in the "My filters" tab pane in the add-on's settings.
  • I am not sure whether the class name "_svg-1X37T1_" for the &lt;svg&gt; element is static, or whether the server will generate another class name for every page load, but you might try a filter like this:
  • ```
  • the.website.com##^.svg-1X37T1
  • ```
  • (Replace "<span>the.website.com</span>" with the host name of the discord server.)
  • The leading `^` in the expression `^.svg-1X37T1` indicates that what follows `^` is a CSS selector. `.svg-1X37T1` is an ordinary class selector. (Documentation reference: https://github.com/gorhill/uBlock/wiki/Static-filter-syntax#html-filters)
  • One possibility is to use an ad-blocker that can hide HTML elements based on a filter expression. I haven't used AdBlock for many years, so i can't say whether AdBlock can do it. However, uBlock Origin (also an ad-blocker) can do this.
  • uBlock Origin can filter out unwanted HTML elements based on [CSS selectors](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Selectors), as long as such elements are part of the HTML document as transmitted by the web server (this excludes elements dynamically created by JS, for example).
  • Define the filter in the "My filters" tab pane in the add-on's settings.
  • I am not sure whether the class name "_svg-1X37T1_" for the &lt;svg&gt; element is static, or whether the server will generate another class name for every page load, but you might try a filter like this:
  • ```
  • the.website.com##^.svg-1X37T1
  • ```
  • (Replace "<span>the.website.com</span>" with the host name of the discord server.)
  • The leading `^` in the expression `^.svg-1X37T1` indicates that what follows `^` is a CSS selector. `.svg-1X37T1` is an ordinary class selector. (Documentation reference: https://github.com/gorhill/uBlock/wiki/Static-filter-syntax#html-filters)
#3: Post edited by user avatar elgonzo‭ · 2021-12-15T19:39:28Z (about 3 years ago)
  • One possibility to hide unwanted elements is to use an ad-blocker like uOrigin.
  • uOrigin can filter out unwanted HTML elements based on [CSS selectors](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Selectors), as long as such elements are part of the HTML document as transmitted by the web server (this excludes elements dynamically created by JS, for example).
  • Define the filter in the "My filters" tab pane in the add-on's settings.
  • I am not sure whether the class name "_svg-1X37T1_" for the &lt;svg&gt; element is static, or whether the server will generate another class name for every page load, but you might try a filter like this:
  • ```
  • the.website.com##^.svg-1X37T1
  • ```
  • (Replace "<span>the.website.com</span>" with the host name of the discord server.)
  • The leading `^` in the expression `^.svg-1X37T1` indicates that what follows `^` is a CSS selector. `.svg-1X37T1` is an ordinary class selector. (Documentation reference: https://github.com/gorhill/uBlock/wiki/Static-filter-syntax#html-filters)
  • One possibility to hide unwanted elements is to use an ad-blocker that can hide HTML elements based on a filter expression. I haven't used AdBlock for years, so i can't say whether AdBlock can do it. However, uBlock Origin (also an ad-blocker) can do this.
  • uBlock Origin can filter out unwanted HTML elements based on [CSS selectors](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Selectors), as long as such elements are part of the HTML document as transmitted by the web server (this excludes elements dynamically created by JS, for example).
  • Define the filter in the "My filters" tab pane in the add-on's settings.
  • I am not sure whether the class name "_svg-1X37T1_" for the &lt;svg&gt; element is static, or whether the server will generate another class name for every page load, but you might try a filter like this:
  • ```
  • the.website.com##^.svg-1X37T1
  • ```
  • (Replace "<span>the.website.com</span>" with the host name of the discord server.)
  • The leading `^` in the expression `^.svg-1X37T1` indicates that what follows `^` is a CSS selector. `.svg-1X37T1` is an ordinary class selector. (Documentation reference: https://github.com/gorhill/uBlock/wiki/Static-filter-syntax#html-filters)
#2: Post edited by user avatar elgonzo‭ · 2021-12-15T19:36:57Z (about 3 years ago)
  • One possibility to hide unwanted elements is to use an ad-blocker like uOrigin.
  • uOrigin can filter out unwanted HTML elements based on [CSS selectors](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Selectors), as long as such elements are part of the HTML document as transmitted by the web server (this excludes elements dynamically created by JS, for example).
  • Define the filter in the "My filters" tab pane in the add-on's settings.
  • I am not sure whether the class name "_svg-1X37T1_" for the &lt;svg&gt; element is static, or whether the server will generate another class name for every page load, but you might try a filter like this:
  • ```
  • the.website.com##^.svg-1X37T1
  • ```
  • (Replace "<span>the.website.com</span>" with the host name of the discord server.)
  • The leading `^` in the expression `^.svg-1X37T1` indicates that the what follows `^` is a CSS selector, with `.svg-1X37T1` being an ordinary class selector. (Documentation reference: https://github.com/gorhill/uBlock/wiki/Static-filter-syntax#html-filters)
  • One possibility to hide unwanted elements is to use an ad-blocker like uOrigin.
  • uOrigin can filter out unwanted HTML elements based on [CSS selectors](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Selectors), as long as such elements are part of the HTML document as transmitted by the web server (this excludes elements dynamically created by JS, for example).
  • Define the filter in the "My filters" tab pane in the add-on's settings.
  • I am not sure whether the class name "_svg-1X37T1_" for the &lt;svg&gt; element is static, or whether the server will generate another class name for every page load, but you might try a filter like this:
  • ```
  • the.website.com##^.svg-1X37T1
  • ```
  • (Replace "<span>the.website.com</span>" with the host name of the discord server.)
  • The leading `^` in the expression `^.svg-1X37T1` indicates that what follows `^` is a CSS selector. `.svg-1X37T1` is an ordinary class selector. (Documentation reference: https://github.com/gorhill/uBlock/wiki/Static-filter-syntax#html-filters)
#1: Initial revision by user avatar elgonzo‭ · 2021-12-15T19:36:22Z (about 3 years ago) 
One possibility to hide unwanted elements is to use an ad-blocker like uOrigin.

uOrigin can filter out unwanted HTML elements based on [CSS selectors](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Selectors), as long as such elements are part of the HTML document as transmitted by the web server (this excludes elements dynamically created by JS, for example).

Define the filter in the "My filters" tab pane in the add-on's settings.

I am not sure whether the class name "_svg-1X37T1_" for the &lt;svg&gt; element is static, or whether the server will generate another class name for every page load, but you might try a filter like this:

```
the.website.com##^.svg-1X37T1
```
(Replace "<span>the.website.com</span>" with the host name of the discord server.)

The leading `^` in the expression `^.svg-1X37T1` indicates that the what follows `^` is a CSS selector, with `.svg-1X37T1` being an ordinary class selector. (Documentation reference: https://github.com/gorhill/uBlock/wiki/Static-filter-syntax#html-filters)