Pushing the limits of the Firefox Browser through the use of CSS.
#join #firefoxcss:mozilla.org
Post your Firefox UI customizations here!
Posts must have flair!
Follow Lemmy.World rules
Posts cannot be memes/shitposts. They should be about Firefox customization with CSS.
Please be civil. Bear in mind that many users come here for help and would be turned off by insults and rudeness.
When posting large amount of code use a service dedicated to hosting text snippets, such as pastebin, hastebin, github gist or equivalent. Relatively short snippets can be wrapped in code-block for inline viewing.
Do NOT use url-shorteners or link to compressed downloads (such as zip or rar) when sharing code.
Consider adding the following info to help people try your tweaks:
Screenshots should have code in comments.
Include Firefox version
When asking for help you should share your custom style to help others understand what you are doing. This is increasingly important the more custom rules you have.
List any other addons that may be changing the UI
If a custom wallpaper is used, include a link to the original.
If someone's comment solves you problem, reply to the comment to let them know, and change your post flair to solved.
Find Helpful Knowledge and answers to common issues in /c/FirefoxCSS wiki.
I'm using the Proton theme of TST, and I really want these X buttons to only appear on hover. I know that's possible: It's how the Xs function in the Sidebar theme of TST. However, I don't like the Sidebar theme otherwise.
Does anyone know how to change the TST Proton theme to make the X button only appear on hover?
Thank you!
follow the live testing guide here
use the remote debugging thing to find the X element, then add something like
.my_x_button's_class {
opacity: 0 !important;
}
.my_x_button's_class:hover {
opacity: 1 !important;
}
to userchrome.css