Last time we see how to tweak Firefox Context Menu to Hide menu items from  right click context menu. Today we will go a little further with that and will see some more advance tweaks that we can use to tweak/optimize firefox or at least use use to make your Geek friend crack Nuts.

In last post we have used ID’s to hide menus, but it seems really difficult and time consuming as we have to look upon ID of every menu item we want to hide/modify, another option is to use labels.

You can tweak your menus using userChrome.css file. userChrome.css is a CSS file that can be used to change the way Mozilla Firefox interface look. But to edit it you need to locate it first.

For Windows XP users:

C:\Documents and Settings\\Application Data\Mozilla\Firefox\Profiles\

For Windows Vista and Seven Users:

C:\Users\\AppData\Roaming\Mozilla\Firefox\Profiles\

Note: In the above two locations you will find userChrome-example.css file, you don’t have to modify it, you need to create a new file there called userChrome.css and than have to edit it.

Or

1. Press WIN + R and type %Appdata%
2. Then navigate to Mozilla\Firefox\Profiles\********.default\chrome
3. Here create a file named “userChrome.css”

The easiest way to hide a menu item is using the Label attribute.

For example, if you want to hide the “View Page Source” menu item from the right click context menu than use

menuitem[label="View Page Source"] {display: none !important; }

How to Hide Menu Bar completely?

#toolbar-menubar { display: none !important; }

Hide selected browser menus

#navigator-toolbox menu[label="File"],
#navigator-toolbox menu[label="Edit"],
#navigator-toolbox menu[label="View"],
#navigator-toolbox menu[label="Go"],
#navigator-toolbox menu[label="Bookmarks"],
#navigator-toolbox menu[label="Tools"],
#navigator-toolbox menu[label="Help"]

{ display: none !important; }

Remove Items From Right Click Context Menu

#context-back,
#context-forward,
#context-reload,
#context-stop,
#context-sep-stop
{ display: none !important; }

After applying this code

In the Next Tutorial we will see some more advanced concepts of customizing userChrome.css file to make your Firefox do what you want.

So are you enjoying tweaking sessions of Firefox?

Popular on Web Today