X
Tap here to go to the mobile version of the site.

Support Forum

Way to remove/hide back and forward button in tool bar?

Posted

Hi all,

Is there a way to hide both the back and forward buttons in the toolbar on macOS Firefox 66.0.2 (64-bit)? As it is, customizing toolbars does not allow their removal.

Hi all, Is there a way to hide both the back and forward buttons in the toolbar on macOS Firefox 66.0.2 (64-bit)? As it is, customizing toolbars does not allow their removal.

Chosen solution

Add code to the userChrome.css file below the default @namespace line.


@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */

#back-button, #forward-button { display:none!important; }

Read this answer in context 0

Additional System Details

Installed Plug-ins

  • Shockwave Flash 32.0 r0

Application

  • User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.14; rv:66.0) Gecko/20100101 Firefox/66.0

More Information

WestEnd
  • Top 25 Contributor
60 solutions 5379 answers

You can't remove them as your asking the only. The only change is using a "userChrome.css" to make any modifications.

You can't remove them as your asking the only. The only change is using a "userChrome.css" to make any modifications.

Question owner

How do I make modifications to userChrome.css?

How do I make modifications to userChrome.css?
cor-el
  • Top 10 Contributor
  • Moderator
17472 solutions 157915 answers

Chosen Solution

Add code to the userChrome.css file below the default @namespace line.


@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */

#back-button, #forward-button { display:none!important; }

Add code to the <b>userChrome.css</b> file below the default @namespace line. *http://kb.mozillazine.org/userChrome.css <hr> <pre><nowiki>@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */ #back-button, #forward-button { display:none!important; } </nowiki></pre> ---- *https://www.userchrome.org/how-create-userchrome-css.html *https://www.userchrome.org/what-is-userchrome-css.html

Question owner

This code worked for me:

@-moz-document url(chrome://browser/content/browser.xul) {

 /* Your style rules for the user interface go here */
  1. back-button, #forward-button { display: none; }

}

This code worked for me: @-moz-document url(chrome://browser/content/browser.xul) { /* Your style rules for the user interface go here */ #back-button, #forward-button { display: none; } }