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.

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

Hiding toolbar from the Firefox pdf Reader

  • 1 reply
  • 1 has this problem
  • 9 views
  • Last reply by cor-el

more options

This question has been asked by many developers but I found this : https://support.mozilla.org/en-US/questions/1119523 answer that has worked for #loriR. The question is where do I add css to disabled the toolbar?

This question has been asked by many developers but I found this : https://support.mozilla.org/en-US/questions/1119523 answer that has worked for #loriR. The question is where do I add css to disabled the toolbar?

All Replies (1)

more options

Note that you won't be able to use feature available on the toolbar.

Add code to the userContent.css file.


#outerContainer #mainContainer div.toolbar {
  display: none !important; /* hide PDF viewer toolbar */
}

#outerContainer #mainContainer #viewerContainer {
  top: 0 !important; /* move doc up into empty bar space */
}

You need to create the chrome folder (lowercase) in the <xxxxxxxx>.default profile folder if this folder doesn't exist.

  • use a plain text editor (Windows: Notepad; Mac: Textedit) to create a (new) userContent.css file in the chrome folder (file name is case sensitive)
  • paste the code in the userContent.css file in the editor window
  • make sure the userChrome.css file starts with the default @namespace line

If you are on Windows:

  • make sure you select "All files" and not "Text files" when you save the file via "Save file as" in the text editor as userContent.css

Otherwise Windows may add a hidden .txt file extension and you end up with a not working userContent.css.css.txt file.

  • make sure you do not have a double .css.css file extension (userContent.css.css.css) if it is still not working

See also:

Note that in this case you need userContent.css

In Firefox 69 and later you need to set this pref to true on the about:config page to enable userChrome.css and userContent.css in the chrome folder.

You can open the about:config page via the location/address bar. You can accept the warning and click "I accept the risk!" to continue.