Does userContent.css require a header? knowledge base doesn't say
Hi,
Since many User Styles aren't working, I'm using userChrome.css, and I'm trying to use userContent.css. It's not working.
http://kb.mozillazine.org/index.php?title=UserContent.css&printable=yes doesn't explain how to write userContent.css to get it to work. It asks people to download a zip file instead of explaining how to write the thing.
http://kb.mozillazine.org/Editing_configuration/Manual_editing doesn't explain it either
http://kb.mozillazine.org/Editing_configuration/Troubleshooting doesn't explain it either
If it does require a header, what is that header? I've used the same header as for userChrome:
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
All Replies (2)
Don't use the "XUL" header in userContent.css -- XUL is a language used only in the user interface.
(I don't use it in userChrome.css either, but it's slightly controversial. https://www.userchrome.org/adding-style-recipes-userchrome-css....)
You can optionally use an HTML namespace header in userContent.css, but it shouldn't make any difference. There must be some other issue.
- Name -- as with userChrome.css, the file name of userContent.css must match exactly
- Location -- same chrome folder as userChrome.css
Now, as for the specific user styles, if they don't work in Stylus perhaps they just don't work??
The only reason to use a userContent.css file instead of Stylus, in my opinion, is to modify internal Firefox pages like the Add-ons page or new tab page. For regular web pages, it's easier to use Stylus.
userChrome.css is for making changes to the Firefox user interface. For some (html namespace) elements you sometimes need to override the default XUL name space (*|<element>). userContent.css is for styling web pages and doesn't need a @namespace header or it would be the default HTML namespace.
@namespace url(http://www.w3.org/1999/xhtml);
Both files support @-moz-document rules to limit the rules to a specific domain or URL.