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

Mute Button

  • 2 replies
  • 1 has this problem
  • 29 views
  • Last reply by cor-el

more options

How can i move the sound/mute button right after to the site logo? It's not very convenient to have it next to Close tab button. Also it would be nicer.

Chosen solution

Add code to the userChrome.css file below the default @namespace line.


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

/* Reorder tab icons */
.tab-content .tab-label-container {-moz-box-ordinal-group: 2; margin-inline-start: 3px !important}
.tab-content .tab-icon-sound {-moz-box-ordinal-group: 1}
.tab-content .tab-close-button close-icon {-moz-box-ordinal-group: 3}

.tab-throbber:not([pinned]),
.tab-sharing-icon-overlay:not([pinned]),
.tab-icon-pending:not([pinned]),
.tab-icon-image:not([pinned]) {
  margin-inline-end: 3px !important;
}

See also:

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.

  • toolkit.legacyUserProfileCustomizations.stylesheets = true

See:

Read this answer in context 👍 0

All Replies (2)

more options

Hello, kosakian


Ahh, so that add-on is the culprit  !

I don't blame you for not wanting to try that CSS - should you want to try (maybe later) :

https://www.howtogeek.com/334716/how-to-customize-firefoxs-user-interface-with-userchrome.css/

In the mean time :

You could try to contact the developer of the add-on : see under 'More information' => Support Email

https://addons.mozilla.org/en-US/firefox/addon/auto-mute/

But you say that you uninstalled it - problem solved then  ?

more options

Chosen Solution

Add code to the userChrome.css file below the default @namespace line.


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

/* Reorder tab icons */
.tab-content .tab-label-container {-moz-box-ordinal-group: 2; margin-inline-start: 3px !important}
.tab-content .tab-icon-sound {-moz-box-ordinal-group: 1}
.tab-content .tab-close-button close-icon {-moz-box-ordinal-group: 3}

.tab-throbber:not([pinned]),
.tab-sharing-icon-overlay:not([pinned]),
.tab-icon-pending:not([pinned]),
.tab-icon-image:not([pinned]) {
  margin-inline-end: 3px !important;
}

See also:

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.

  • toolkit.legacyUserProfileCustomizations.stylesheets = true

See: