how do I create a css entry via the console style editor
My choice for the visited link color isn't loading. I select Tools => Web Dev => Style Editor...five (5) .css files are present: Common-min.css, print-min.css, questions-min.css, jqueryui-min.css and tabzilla-min.css. I "imported" the file as a .css, named 'userContent.css'. I've followed the advice to create a "userContent.css" file, with the following: a:visited {
color:#E52121 !important; background-color:#E8E8E8;
} I then exit Firefox, restart Firefox. Check the Tools => Web Dev => Style Editor, for the new .css file. Nada, zip, nothing, the new .css file isn't listed. Therefore I have not done as I intended to do! Where did I go wrong?
All Replies (2)
In the Style editor you only see the CSS files used by the website in the currently selected tab.
You won't see any references to the userContent.css file via the built-in Inspector. Only the DOM Inspector show such CSS rules if you inspect an element that have a matching selector.
You do not need to import the userContent.css file as Firefox does this automatically each time you start Firefox and the rules that apply will automatically be added.
- DOM Inspector: https://addons.mozilla.org/firefox/addon/dom-inspector-6622/
The link visited isn't changing colors to #E8E8E8!