cancel
Showing results for 
Search instead for 
Did you mean: 

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

SOLVED
Highlighted
New Contributor

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

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;
}
1 ACCEPTED SOLUTION

Accepted Solutions
Site Moderator

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

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.

4 REPLIES
Site Moderator

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

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; }
New Contributor

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

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!

Site Moderator

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

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.

All Star Contributor

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

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.