- Solved
- Archived
userChrome.css is not being applied
I am trying to have Firefox show an "X" on every tab as soon as I hover above it. I followed a certain article and implemented this code: /* Show Tab Close buttons only… (read more)
I am trying to have Firefox show an "X" on every tab as soon as I hover above it. I followed a certain article and implemented this code:
/* Show Tab Close buttons only when hovered */
- tabbrowser-tabs > .tabbrowser-tab:not([pinned="true"]) > .tab-stack > .tab-content > .tab-close-button {
visibility: collapse !important; opacity: 0 !important; transition: all 250ms ease-in-out !important;
}
- tabbrowser-tabs > .tabbrowser-tab:not([pinned="true"]):hover > .tab-stack > .tab-content > .tab-close-button {
visibility: visible !important; opacity: 1 !important; transition: all 250ms ease-in-out !important;;
}
- tabbrowser-tabs > .tabbrowser-tab:not([pinned="true"]) > .tab-stack > .tab-content > .tab-close-button {
display: -moz-box !important;
}
This code is however not being implemented no matter how many times I restart Firefox.
'toolkit.legacyUserProfileCustomizations.stylesheets' is set to True
The location is userChrome.css is '/home/user1/.mozilla/firefox/yqomjsh9.default-release-1672744596809/chrome/userChrome.css'
What could be the issue? I tried adding executable permissions using "chmod" but that did not change anything.