This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Avatar for Username

Search 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

This thread was archived. Please ask a new question if you need help.

how do I create a css entry via the console style editor

  • 2 replies
  • 1 has this problem
  • 9 views
  • Last reply by Kevin

Kevin
Kevin
more options

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?

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)

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

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.

Kevin
Kevin Question owner
more options

The link visited isn't changing colors to #E8E8E8!