Join the AMA (Ask Me Anything) with the Firefox leadership team to celebrate Firefox 20th anniversary and discuss Firefox’s future on Mozilla Connect. Mark your calendar on Thursday, November 14, 18:00 - 20:00 UTC!

This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Avatar for Username

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

This thread was archived. Please ask a new question if you need help.

userchrome.css - remove all toolbars except back/forward, refresh and home

  • 4 replies
  • 1 has this problem
  • 3 views
  • Last reply by finitarry

p.thrasher
p.thrasher
more options

I need to set up firefox in almost-kiosk mode. I want to disable all of the tool bars with the exception of the back button, forward button, refresh, and home buttons.

I haven't found anything that will hide the bookmarks toolbar. And if I keep in the #urlbar entry, the forward and back buttons appear, but don't work (they are greyed out)?

This is what I have so far: 

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* set default namespace to XUL */
#searchbar {
	display: none;
}
#main-menubar  {
	display: none;
}
#urlbar  {
  display: none;
}
I need to set up firefox in almost-kiosk mode. I want to disable all of the tool bars with the exception of the back button, forward button, refresh, and home buttons. I haven't found anything that will hide the bookmarks toolbar. And if I keep in the #urlbar entry, the forward and back buttons appear, but don't work (they are greyed out)? This is what I have so far: <pre><nowiki>@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* set default namespace to XUL */ #searchbar { display: none; } #main-menubar { display: none; } #urlbar { display: none; }</nowiki></pre>

Modified by cor-el

Chosen solution

You can hide the Bookmarks Toolbar and Customize window with these identifiers: 

#PersonalToolbar { display:none!important; }
#CustomizeToolbarWindow { display:none!important; }

The #personal-bookmarks ID is for the Bookmarks toolbar item that can be placed on any toolbar via the Customize window.

Try to drag the URL and Search bar and other items that you hide in the toolbar palette.
That seems to make the B/F button history work after a restart.

It usually best to use the DOM Inspector to get the IDs or class names of toolbar elements.

Read this answer in context 👍 0

All Replies (4)

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

Be aware that you can still use Ctrl+L to get a location bar pop-up if you hide the URL bar.
The Reload and Stop buttons are by default in the urlbar-container, so you will have to move them out via the Customize window.

Try to hide the containers instead. 

#openLocation, #urlbar-container { display:none!important; }
#search-container { display:none!important; }
#personal-bookmarks { display:none!important; }
p.thrasher
p.thrasher Question owner
more options

Thanks cor-el. Is there someplace I can go to look at what the defined .css elements are for firefox? Where are the original .css files kept?

I'm still having a couple of problems

1. Is there a way to hide the entire bookmarks toolbar? I was hoping that #personal_bookmarks would do that, but it doesn't. 2. I still end up with non-working forward and back buttons. The problem occurs when I hide either #urlbar or #urlbar-container. When I take that line out the back/forward buttons are fine. 3. Is there a way to disable the customize toolbars menu option?

Thanks so much for your help!

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

Chosen Solution

You can hide the Bookmarks Toolbar and Customize window with these identifiers: 

#PersonalToolbar { display:none!important; }
#CustomizeToolbarWindow { display:none!important; }

The #personal-bookmarks ID is for the Bookmarks toolbar item that can be placed on any toolbar via the Customize window.

Try to drag the URL and Search bar and other items that you hide in the toolbar palette.
That seems to make the B/F button history work after a restart.

It usually best to use the DOM Inspector to get the IDs or class names of toolbar elements.

finitarry
finitarry
more options

If you want to hide the bookmarks toolbar, the simplest way is to pull down the View menu, select Toolbars, and uncheck the appropriate item. You can get the menu bar to appear by pressing Alt.