Join the AMA (Ask Me Anything) with the Firefox leadership team to celebrate Firefox 20th anniversary and discuss Firefox’s future on Mozilla Connect. Mark your calendar on Thursday, November 14, 18:00 - 20:00 UTC!

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

Cuireadh an snáithe seo sa chartlann. Cuir ceist nua má tá cabhair uait.

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

  • 2 fhreagra
  • 1 leis an bhfadhb seo
  • 9 views
  • Freagra is déanaí ó 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 Úinéir na ceiste
more options

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