MozillaZine

Remove orange button?

Discuss application theming and theme development.
ErraticFox

User avatar
 
Posts: 16
Joined: October 28th, 2013, 11:33 am

Post Posted February 15th, 2014, 3:27 am

Hello, I'm trying to remove the orange FF button, but still have the alt menu hidden (until I press alt). I'm using Stylish right now to do it, I just don't know the selector for it. :?
Also, can someone give me a link to a great inspector for Firefox itself or a tutorial (not an extremely old one, please)? I always have the hardest time trying to edit FireFox.

Thanks in advance. :D

mcdavis

User avatar
 
Posts: 3195
Joined: December 9th, 2005, 5:51 am

Post Posted February 15th, 2014, 8:34 pm

ErraticFox wrote:Hello, I'm trying to remove the orange FF button, but still have the alt menu hidden (until I press alt). I'm using Stylish right now to do it, I just don't know the selector for it. :?
Also, can someone give me a link to a great inspector for Firefox itself or a tutorial (not an extremely old one, please)? I always have the hardest time trying to edit FireFox.


About the orange FF button, that's:

Code: Select all
#appmenu-button-container {
  display: none;
}


but note that the Firefox button is removed for Fx29 and up (Australis builds).

For the inspector, use these three together:

- https://addons.mozilla.org/en-US/firefo ... ctor-6622/
- https://addons.mozilla.org/en-US/firefo ... torwidget/
- https://addons.mozilla.org/en-US/firefo ... inspector/

And, in Firefox 28 and up, you can also use the Browser Toolbox by:

1 - Open the Firefox Developer Tools by going menubar > Tools > Web Developer > Toggle Tools.
2 - In the open Developer Tools panel, pick the options tab (the gear icon).
3 - Under that, click Enable Chrome Debugging so it's checked.
4 - In the same place, click Enable Remote Debugging so it's checked.
5 - You should now see menubar > Tools > Web Developer > Browser Toolbox.
6 - So click Browser Toolbox.
7 - You should get a dialog with the message "An incoming request to permit remote debugging connection was detected. A remote client can take complete control over your browser! Allow connection?"
8 - Click OK in the dialog.
9 - In the new Browser Toolbox window that opens, pick the Inspector tab.
10 - Et voila, you're inspecting Firefox. #appmenu-button-container is under #titlebar.

I haven't gotten in the habit of using the Browser Toolbox, I'm used to DOM Inspector, but it looks pretty cool.
Theme Development is Radical Participation.
NNL Beta Builds for Current and Up-coming Firefox
Dear User: Your Help is Needed

ErraticFox

User avatar
 
Posts: 16
Joined: October 28th, 2013, 11:33 am

Post Posted February 15th, 2014, 9:45 pm

mcdavis wrote:
ErraticFox wrote:Hello, I'm trying to remove the orange FF button, but still have the alt menu hidden (until I press alt). I'm using Stylish right now to do it, I just don't know the selector for it. :?
Also, can someone give me a link to a great inspector for Firefox itself or a tutorial (not an extremely old one, please)? I always have the hardest time trying to edit FireFox.


About the orange FF button, that's:

Code: Select all
#appmenu-button-container {
  display: none;
}


but note that the Firefox button is removed for Fx29 and up (Australis builds).

For the inspector, use these three together:

- https://addons.mozilla.org/en-US/firefo ... ctor-6622/
- https://addons.mozilla.org/en-US/firefo ... torwidget/
- https://addons.mozilla.org/en-US/firefo ... inspector/

And, in Firefox 28 and up, you can also use the Browser Toolbox by:

1 - Open the Firefox Developer Tools by going menubar > Tools > Web Developer > Toggle Tools.
2 - In the open Developer Tools panel, pick the options tab (the gear icon).
3 - Under that, click Enable Chrome Debugging so it's checked.
4 - In the same place, click Enable Remote Debugging so it's checked.
5 - You should now see menubar > Tools > Web Developer > Browser Toolbox.
6 - So click Browser Toolbox.
7 - You should get a dialog with the message "An incoming request to permit remote debugging connection was detected. A remote client can take complete control over your browser! Allow connection?"
8 - Click OK in the dialog.
9 - In the new Browser Toolbox window that opens, pick the Inspector tab.
10 - Et voila, you're inspecting Firefox. #appmenu-button-container is under #titlebar.

I haven't gotten in the habit of using the Browser Toolbox, I'm used to DOM Inspector, but it looks pretty cool.



I'm already well passed that. Though you could hop over to my other thread? I've been literally stuck on viewtopic.php?f=7&t=2801771 for a good 4 hours. ](*,)

Return to Theme Development


Who is online

Users browsing this forum: No registered users and 3 guests