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.

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

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
Vedhæftede skærmbilleder

Alle svar (6)

more options

Try the code posted here in userChrome.css.

Nyttig?

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;

}

Nyttig?

more options

Nyttig?

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 ;
    }
}

Nyttig?

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

Ændret af andreasdevantier den

Nyttig?

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 ;
  }

{

Nyttig?

Stil et spørgsmål

Du skal logge ind på din konto for at svare på et indlæg. Start et nyt spørgsmål, hvis du ikke har en konto endnu.