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

Èròjà atẹ̀lélànà yii ni a ti fi pamọ́ fọ́jọ́ pípẹ́. Jọ̀wọ́ béèrè ìbéèrè titun bí o bá nílò ìrànwọ́.

How to add firefox logo to titlebar drag space

Gowtham
Gowtham
more options

I'm able to remove the title bar drag space with .titlebar-spacer[type="pre-tabs"] { 

 display: none !important;

} in userChrome.css. But I want to add a Firefox logo in there instead of removing it.

I'm able to remove the title bar drag space with .titlebar-spacer[type="pre-tabs"] { display: none !important; } in userChrome.css. But I want to add a Firefox logo in there instead of removing it.

All Replies (1)

jscher2000 - Support Volunteer
jscher2000 - Support Volunteer
  • Top 25 Contributor
more options

So for example, apply a background image to that empty space? If it's an image that is built-in to Firefox, that shouldn't be too difficult. Otherwise, you would need to drop the image file into your chrome folder along with your userChrome.css file -- don't use a URL to a website.

By the way, this is a great site for help with style rules: https://www.reddit.com/r/FirefoxCSS/