Join the AMA (Ask Me Anything) with Firefox leadership team to talk about Firefox priorities in 2024. Mark your calendar! Thursday, June 13, 17:00 - 19:00 UTC.

تلاش سپورٹ

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 do i remove the mute tab button when hovering over tabs with audio playing

  • 6 جواب دیں
  • 0 میں یہ مسئلہ ہے
  • آخری جواب بذریعہ andreasdevantier

more options

I often have many tabs open (25+) I have made it so tab shrink way more then normal (I like the way chrome handles tabs where they basically just shrink infinitely. Firefox doesn't do it's even with my twerks but ohwell.)

so when i want to click on a tab with audio playing at a small size i often mute the tab instead of clicking on the tab

Where and how can i remove the mute button that appears when hovering over tabs with audio playing?

I have never found that mute button useful so removing it will not impact me

I often have many tabs open (25+) I have made it so tab shrink way more then normal (I like the way chrome handles tabs where they basically just shrink infinitely. Firefox doesn't do it's even with my twerks but ohwell.) so when i want to click on a tab with audio playing at a small size i often mute the tab instead of clicking on the tab Where and how can i remove the mute button that appears when hovering over tabs with audio playing? I have never found that mute button useful so removing it will not impact me
منسلک شدہ اسکرین شاٹٹس

تمام جوابات (6)

more options

Try the code posted here in userChrome.css.

مددگار؟

more options

thank you for your suggestion but it dose not work

i am not technical enough to understand coding so i may have typed something wrong it cloud also have something to do with that i already have used the userContent file to change my new tab background

this is what my userContent.css file looks like how do i make it work?

@-moz-document url(about:home), url(about:newtab), url(about:privatebrowsing) {

   .click-target-container *, .top-sites-list * {
       color: #fff !important ;
       text-shadow: 2px 2px 2px #222 !important ;
   }
   body::before {
       content: "" ;
       z-index: -1 ;
       position: fixed ;
       top: 0 ;
       left: 0 ;
       background: #f9a no-repeat url(img/rog_anime.png) center ;
       background-size: cover ;
       width: 100vw ;
       height: 100vh ;
   }

{


.tab-icon-overlay:not([pinned], [sharing], [crashed]):is([soundplaying], [muted]) {

   display: none !important;

}

مددگار؟

more options

مددگار؟

more options

You have the wrong curly bracket ({) at the bottom on this rule for the Firefox Home page, should be a closing '}'. This code belongs in userContent.css and not in userChrome.css as this is about web content.

@-moz-document url(about:home), url(about:newtab), url(about:privatebrowsing) {
    .click-target-container *, .top-sites-list * {
        color: #fff !important ;
        text-shadow: 2px 2px 2px #222 !important ;
    }

    body::before {
        content: "" ;
        z-index: -1 ;
        position: fixed ;
        top: 0 ;
        left: 0 ;
        background: #f9a no-repeat url(img/rog_anime.png) center ;
        background-size: cover ;
        width: 100vw ;
        height: 100vh ;
    }
}

مددگار؟

more options

cor-el said

You have the wrong curly bracket ({) at the bottom on this rule for the Firefox Home page, should be a closing '}'. This code belongs in userContent.css and not in userChrome.css as this is about web content.
@-moz-document url(about:home), url(about:newtab), url(about:privatebrowsing) {
    .click-target-container *, .top-sites-list * {
        color: #fff !important ;
        text-shadow: 2px 2px 2px #222 !important ;
    }

    body::before {
        content: "" ;
        z-index: -1 ;
        position: fixed ;
        top: 0 ;
        left: 0 ;
        background: #f9a no-repeat url(img/rog_anime.png) center ;
        background-size: cover ;
        width: 100vw ;
        height: 100vh ;
    }
}

nevermind this just made a new problem now when i search something wired happens only thing i changed was curllybrackets -see edit on the point about curly brackets

feel like i need to clarify

  • the change in curlybrackets changed nothing (form { to } did nothing). edit i just noticed that it did something but only when i changed it back see pic how do i fix that it never did that before
  • both userChorme.css and userContent.css is supposed to be in the chrome folder (I was not sure).

And lastly

  • the userContent.css file has to have the code for the homepage background change,

and the userChrome.css file has to have the soundplaying tab-icon disabling code (I though it was the other way around).

I have added an image displaying what i just wrote

andreasdevantier کی جانب سے میں ترمیمکی گئ

مددگار؟

more options

andreasdevantier sagde

cor-el said

You have the wrong curly bracket ({) at the bottom on this rule for the Firefox Home page, should be a closing '}'. This code belongs in userContent.css and not in userChrome.css as this is about web content.
@-moz-document url(about:home), url(about:newtab), url(about:privatebrowsing) {
    .click-target-container *, .top-sites-list * {
        color: #fff !important ;
        text-shadow: 2px 2px 2px #222 !important ;
    }

    body::before {
        content: "" ;
        z-index: -1 ;
        position: fixed ;
        top: 0 ;
        left: 0 ;
        background: #f9a no-repeat url(img/rog_anime.png) center ;
        background-size: cover ;
        width: 100vw ;
        height: 100vh ;
    }
}

nevermind this just made a new problem now when i search something wired happens only thing i changed was curllybrackets -see edit on the point about curly brackets

feel like i need to clarify

  • the change in curlybrackets changed nothing (form { to } did nothing). edit i just noticed that it did something but only when i changed it back see pic how do i fix that it never did that before
  • both userChorme.css and userContent.css is supposed to be in the chrome folder (I was not sure).

And lastly

  • the userContent.css file has to have the code for the homepage background change,

and the userChrome.css file has to have the soundplaying tab-icon disabling code (I though it was the other way around).

I have added an image displaying what i just wrote

update cant tell you how i fixed it but my userContent.css file now looks like this

@-moz-document url-prefix(about:home), url-prefix(about:newtab), url(about:privatebrowsing) {

  .click-target-container *, .top-sites-list * {
      color: #fff !important ;
      text-shadow: 2px 2px 2px #000 !important ;
  }
  body::before {
      content: "" ;
      z-index: -1 ;
      position: fixed ;
      top: 0 ;
      left: 0 ;
      background: #f9a no-repeat url(img/rog_anime.png) center ;
      background-size: cover ;
      width: 100vw ;
      height: 100vh ;
  }

{

مددگار؟

ایک سوال پوچھیں

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