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

80%

+6 −0

Q&A Remove extension icon from Firefox url bar

I'm using the firefox extension metrication. I only ever use it via its entry in the context menu, therefore I would like to remove its icon from the url bar to gain more space: I tried the sugg...

1 answer · posted 11mo ago by samcarter‭ · last activity 7mo ago by samcarter‭

Question firefox

#2: Post edited by

samcarter‭ · 2023-06-02T10:55:08Z (11 months ago)

Copy Link

Raw

Markdown

I'm using the firefox extension [metrication](https://addons.mozilla.org/en-US/firefox/addon/metrication/). I only ever use it via its entry in the right click context menu, therefore I would like to remove its icon from the url bar to gain more space:
![screenshot of the firefox url bar with the icon of the metrication extension highlighted](https://powerusers.codidact.com/uploads/hqivfzodhibwkm8sow8fv1buj946)
I tried the suggestion from https://www.reddit.com/r/FirefoxCSS/comments/zcapzr/add_css_to_remove_addon_icon_from_the_address_bar/
I looked up the id of the extension in about:debugging#/runtime/this-firefox
![screenshot of the extension information showing the extension ID and UUID](https://powerusers.codidact.com/uploads/mqfl31ll2yl8v82xp6guahhwe7ed)
and added
```
#pageAction-urlbar-_670400a3-bbd4-4846-88c9-929844eee39a_{
display: none !important;
}
```
to my `userChrome.css`. Unfortunately, the icon is still there after restarting the browser.
I also tried
```
#pageAction-urlbar-_metrication@deltamikecharlie_{
display: none !important;
}
```
just to cover all bases, but this did not remove the icon either.
I suspect the name of the element I am trying to change is not correct. How to get the correct name? For "normal" elements on a webpage, I would use the element picker to look up the name, but how to do this with UI elements?
I'm using
- Firefox 102 ESR
- macOS 13.4

I'm using the firefox extension [metrication](https://addons.mozilla.org/en-US/firefox/addon/metrication/). I only ever use it via its entry in the context menu, therefore I would like to remove its icon from the url bar to gain more space:
![screenshot of the firefox url bar with the icon of the metrication extension highlighted](https://powerusers.codidact.com/uploads/hqivfzodhibwkm8sow8fv1buj946)
I tried the suggestion from https://www.reddit.com/r/FirefoxCSS/comments/zcapzr/add_css_to_remove_addon_icon_from_the_address_bar/
I looked up the id of the extension in about:debugging#/runtime/this-firefox
![screenshot of the extension information showing the extension ID and UUID](https://powerusers.codidact.com/uploads/mqfl31ll2yl8v82xp6guahhwe7ed)
and added
```
#pageAction-urlbar-_670400a3-bbd4-4846-88c9-929844eee39a_{
display: none !important;
}
```
to my `userChrome.css`. Unfortunately, the icon is still there after restarting the browser.
I also tried
```
#pageAction-urlbar-_metrication@deltamikecharlie_{
display: none !important;
}
```
just to cover all bases, but this did not remove the icon either.
I suspect the name of the element I am trying to change is not correct. How to get the correct name? For "normal" elements on a webpage, I would use the element picker to look up the name, but how to do this with UI elements?
I'm using
- Firefox 102 ESR
- macOS 13.4

#1: Initial revision by

samcarter‭ · 2023-06-02T10:54:36Z (11 months ago)

Copy Link

Raw

Markdown

Remove extension icon from Firefox url bar

I'm using the firefox extension [metrication](https://addons.mozilla.org/en-US/firefox/addon/metrication/). I only ever use it via its entry in the right click context menu, therefore I would like to remove its icon from the url bar to gain more space:

![screenshot of the firefox url bar with the icon of the metrication extension highlighted](https://powerusers.codidact.com/uploads/hqivfzodhibwkm8sow8fv1buj946)

I tried the suggestion from https://www.reddit.com/r/FirefoxCSS/comments/zcapzr/add_css_to_remove_addon_icon_from_the_address_bar/

I looked up the id of the extension in about:debugging#/runtime/this-firefox

![screenshot of the extension information showing the extension ID and UUID](https://powerusers.codidact.com/uploads/mqfl31ll2yl8v82xp6guahhwe7ed)

and added 

```
#pageAction-urlbar-_670400a3-bbd4-4846-88c9-929844eee39a_{
  display: none !important;
}
```

to my `userChrome.css`. Unfortunately, the icon is still there after restarting the browser.

I also tried

```
#pageAction-urlbar-_metrication@deltamikecharlie_{
  display: none !important;
}
```

just to cover all bases, but this did not remove the icon either.

I suspect the name of the element I am trying to change is not correct. How to get the correct name? For "normal" elements on a webpage, I would use the element picker to look up the name, but how to do this with UI elements? 

I'm using

- Firefox 102 ESR
- macOS 13.4

firefox

Communities

Post History