Firefox- How to change font size of right-click context menu

context menucssfirefoxosx lionxul

Using Firefox v9.0.1 on OS X Lion v10.7.2

In userChrome.css, how do I adjust the font size that appears in the context menu when you right-click on something (like a link) on a web page?

I tried DOM inspector but cannot decipher what I am looking for.

Best Answer

The CSS selector for the Right-click context menu is:

#contentAreaContextMenu * {
    property: value !important;
}

Example:

contextmenu

Any more userChrome.css tweaks? :)

Related Solutions

Firefox – How to Change Font Size of Items in Folder on Bookmarks Toolbar

Using the DOM inspector to find the proper selectors, the following should work with userChrome.css:

.bookmark-item menupopup .menuitem-iconic {
    property: value !important;
}

Example:

Note: this also affects nested bookmarks.

bookmarks

Update:

To style subfolders:

.bookmark-item menu {
    property: value !important;
}

subfolders

Firefox- How to change font size of items in bookmarks sidebar

The selector for the items in the Bookmarks Sidebar is #bookmarks-view. So, for example, adding the following rule in your userChrome.css will change the font size to 20px:

#bookmarks-view
{
    font-size: 20px !important;
}

screen shot