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 »
Q&A

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

77%
+5 −0
Q&A Remove extension icon from Firefox url bar

TL;DR Turns out the correct name is #pageAction-urlbar-metrication_deltamikecharlie { display: none !important; } Long version: How to find the name? There is actually a nice guide at ht...

posted 11mo ago by samcarter‭  ·  edited 7mo ago by samcarter‭

Answer
#3: Post edited by user avatar samcarter‭ · 2023-09-29T11:59:49Z (7 months ago)
  • ### TL;DR
  • Turns out the correct name is
  • ```
  • #pageAction-urlbar-metrication_deltamikecharlie {
  • display: none !important;
  • }
  • ```
  • ### Long version:
  • How to find the name?
  • There is actually a nice guide at https://firefox-source-docs.mozilla.org/devtools-user/browser_toolbox/index.html
  • To summarise:
  • 1. open the web developer tools, click on the `...` at the top right and open the settings
  • 2. under "Advanced settings", activate "Enable browser chrome and add-on debugging toolboxes" and "Enable remote debugging"
  • ![screenshot of the advanced settings with "Enable browser chrome and add-on debugging toolboxes" and "Enable remote debugging" activated](https://powerusers.codidact.com/uploads/fp6dhbt5qti6bku8ozglbmiz457y)
  • 3. Use `Cmd+Opt+Shift+I` to open the browser toolbox
  • 4. choose the element picker and select the UI element you are interested in and you'll be show the corresponding position in the html code to look up the name.
  • ### TL;DR
  • Turns out the correct name is
  • ```
  • #pageAction-urlbar-metrication_deltamikecharlie {
  • display: none !important;
  • }
  • ```
  • ### Long version:
  • How to find the name?
  • There is actually a nice guide at https://firefox-source-docs.mozilla.org/devtools-user/browser_toolbox/index.html
  • To summarise:
  • 1. open the web developer tools, click on the `...` at the top right and open the settings
  • 2. under "Advanced settings", activate "Enable browser chrome and add-on debugging toolboxes" and "Enable remote debugging"
  • ![screenshot of the advanced settings with "Enable browser chrome and add-on debugging toolboxes" and "Enable remote debugging" activated](https://powerusers.codidact.com/uploads/fp6dhbt5qti6bku8ozglbmiz457y)
  • 3. Use `Cmd+Opt+Shift+I` to open the browser toolbox
  • 4. choose the element picker and select the UI element you are interested in and you'll be show the corresponding position in the html code to look up the name.
  • 5. Undo step 2 if you are finished
#2: Post edited by user avatar samcarter‭ · 2023-06-02T13:31:56Z (11 months ago)
  • Turns out the correct name is
  • ```
  • #pageAction-urlbar-metrication_deltamikecharlie {
  • display: none !important;
  • }
  • ```
  • ---
  • How to find the name?
  • There is actually a nice guide at https://firefox-source-docs.mozilla.org/devtools-user/browser_toolbox/index.html
  • To summarise:
  • 1. open the web developer tools, click on the `...` at the top right and open the settings
  • 2. under "Advanced settings", activate "Enable browser chrome and add-on debugging toolboxes" and "Enable remote debugging"
  • ![screenshot of the advanced settings with "Enable browser chrome and add-on debugging toolboxes" and "Enable remote debugging" activated](https://powerusers.codidact.com/uploads/fp6dhbt5qti6bku8ozglbmiz457y)
  • 3. Use `Cmd+Opt+Shift+I` to open the browser toolbox
  • 4. choose the element picker and select the UI element you are interested in and you'll be show the corresponding position in the html code to look up the name.
  • ### TL;DR
  • Turns out the correct name is
  • ```
  • #pageAction-urlbar-metrication_deltamikecharlie {
  • display: none !important;
  • }
  • ```
  • ### Long version:
  • How to find the name?
  • There is actually a nice guide at https://firefox-source-docs.mozilla.org/devtools-user/browser_toolbox/index.html
  • To summarise:
  • 1. open the web developer tools, click on the `...` at the top right and open the settings
  • 2. under "Advanced settings", activate "Enable browser chrome and add-on debugging toolboxes" and "Enable remote debugging"
  • ![screenshot of the advanced settings with "Enable browser chrome and add-on debugging toolboxes" and "Enable remote debugging" activated](https://powerusers.codidact.com/uploads/fp6dhbt5qti6bku8ozglbmiz457y)
  • 3. Use `Cmd+Opt+Shift+I` to open the browser toolbox
  • 4. choose the element picker and select the UI element you are interested in and you'll be show the corresponding position in the html code to look up the name.
#1: Initial revision by user avatar samcarter‭ · 2023-06-02T11:31:39Z (11 months ago)
Turns out the correct name is

```
#pageAction-urlbar-metrication_deltamikecharlie {
  display: none !important;
}
```

---

How to find the name?

There is actually a nice guide at https://firefox-source-docs.mozilla.org/devtools-user/browser_toolbox/index.html

To summarise:

1. open the web developer tools, click on the `...` at the top right and open the settings

2. under "Advanced settings", activate "Enable browser chrome and add-on debugging toolboxes" and "Enable remote debugging"

![screenshot of the advanced settings with "Enable browser chrome and add-on debugging toolboxes" and "Enable remote debugging" activated](https://powerusers.codidact.com/uploads/fp6dhbt5qti6bku8ozglbmiz457y)

3. Use `Cmd+Opt+Shift+I` to open the browser toolbox

4. choose the element picker and select the UI element you are interested in and you'll be show the corresponding position in the html code to look up the name.