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

How to make the Context Menu of Firefox 131.0.3 look like Ver. 100.0.1 ?

  • 5 majibu
  • 0 wana tatizo hili
  • 3 views
  • Last reply by cor-el

more options

Is it possible to remove the border/frame lines around the Menu Bar and the Context Menu in Ver. 131.0.3 to make it look like Ver. 100.0.1.?

Experimenting with userChrome.css only seemed to change some things such as background color and padding size of the context menu, but as a css noob it’s no surprise it didn't work when trying to remove borders, remove margins.

Attached is a screenshot of Ver. 131.0.3 (upper) and which parts of the menus I'm looking to customize or revert back to the style of Ver. 100.0.1 (lower).

Tysm for you time. bteg

Is it possible to remove the border/frame lines around the Menu Bar and the Context Menu in Ver. 131.0.3 to make it look like Ver. 100.0.1.? Experimenting with userChrome.css only seemed to change some things such as background color and padding size of the context menu, but as a css noob it’s no surprise it didn't work when trying to remove borders, remove margins. Attached is a screenshot of Ver. 131.0.3 (upper) and which parts of the menus I'm looking to customize or revert back to the style of Ver. 100.0.1 (lower). Tysm for you time. bteg
Attached screenshots

Chosen solution

You've got a } missing after visibility: collapse; It should be:— @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

/* hides the native tabs */

#TabsToolbar {   visibility: collapse; }

/* Close-up gaps */

menupopup :is(menu, menuitem), .subviewbutton {   padding: 2px !important; }

/* Get rid of Borders */

* {   border-radius: 0 !important;   border: none !important; }

Read this answer in context 👍 0

All Replies (5)

more options

This is what I use to close up the gaps in pop-up menus:—

menupopup :is(menu, menuitem), .subviewbutton {    padding: 2px !important; }

To get rid of the borders try:—

* { border-radius: 0 !important;     border: none !important; }

Helpful?

more options

Ty Pillenwerfer, I'm probably missing something, being a beginner to css, because I tried your code but it didn't work, yet the old css code I got years ago to 'hide tabs' does work.

Here's all the code in my userChrome.css



@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

/* hides the native tabs */

  1. TabsToolbar {
 visibility: collapse;


menupopup :is(menu, menuitem), .subviewbutton {

  padding: 2px !important;

}


  • { border-radius: 0 !important;
   border: none !important;

}

Helpful?

more options

Suluhisho teule

You've got a } missing after visibility: collapse; It should be:— @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

/* hides the native tabs */

#TabsToolbar {   visibility: collapse; }

/* Close-up gaps */

menupopup :is(menu, menuitem), .subviewbutton {   padding: 2px !important; }

/* Get rid of Borders */

* {   border-radius: 0 !important;   border: none !important; }

Helpful?

more options

That worked perfectly.

Both the Right Click Context Menu and Menu-Bar drop downs look incredible.

Thanks a million Pillenwerfer

Helpful?

more options

Note that best is to set the padding-block and not specify a single value for the padding as that includes padding-inline as well.

userChrome.css:

menupopup :is(menu, menuitem) {
  margin-block:-3px 0px !important;
  padding-block:0px 0px !important;
  min-height:21px !important; /*required to be able to go lower than 4px; adjust 21px-24px or none*/
}


Helpful?

Uliza swali

You must log in to your account to reply to posts. Please start a new question, if you do not have an account yet.