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

How to apply a user style with the Stylish extension for Web Developer Tools?

  • 2 ŋuɖoɖowo
  • 2 masɔmasɔ sia le wosi
  • 24 views
  • Nuɖoɖo mlɔetɔ kosmos890

more options

I have firefox 27 and the fonts of Web Developer Tools (Inspector, Debugger..) are very small. The fonts of Stylish editor are very small also.

Here https://support.mozilla.org/en-US/questions/943857 I found a similar question. GingerBread Man said  :

"If you need to modify anything else, you can use the DOM Inspector extension to examine user interface elements ("chrome"). "

My problem is that I can't find the names of elements e.g "chrome://browser/content/devtools/markup-view.xhtml"

I have firefox 27 and the fonts of Web Developer Tools (Inspector, Debugger..) are very small. The fonts of Stylish editor are very small also. Here https://support.mozilla.org/en-US/questions/943857 I found a similar question. GingerBread Man said : "If you need to modify anything else, you can use the DOM Inspector extension to examine user interface elements ("chrome"). " My problem is that I can't find the names of elements e.g "chrome://browser/content/devtools/markup-view.xhtml"

All Replies (2)

more options

See if this works.
chrome://browser/skin/devtools/markup-view.css

more options

@the-edmeister

Thanks for your reply.

The rule below affects only Inspector

@namespace url(http://www.w3.org/1999/xhtml);
   @-moz-document url("chrome://browser/content/devtools/markup-view.xhtml") {
       .devtools-monospace {
         font-size: 120% !important;
       }
   } 

I change the rule as you suggest.

@-moz-document url("chrome://browser/skin/devtools/markup-view.css") { ......}

It doesn't work.