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!

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 to apply a user style with the Stylish extension for Web Developer Tools?

  • 2 replies
  • 2 have this problem
  • 24 views
  • Last reply by kosmos890

kosmos890
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)

the-edmeister
the-edmeister
  • Moderator
more options

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

kosmos890
kosmos890 Question owner
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.