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.

ابحث في الدعم

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 do I make the tab bar background transparent?

more options

I've installed a separate installation of Australis, to see if I can customize it the way I want. So far, with the Classic Theme Restorer add-on, I've got it pretty close.

But I want my tab bar background to be transparent.

I could accomplish this before by putting things on the (now-defunct) Navigation toolbar and hiding the bookmarks toolbar. I can't do this now, and I'm stuck with the ugly, completely opaque Windows 7 default pale blue in my tab bar background. CTR allows adding a new toolbar, but any new toolbar also has the opaque-and-ugly background. Hiding the bookmarks toolbar doesn't get rid of the ugly opaque either.

See image-- http://i.imgur.com/o7IKk6s.png?1

The top is what I have and don't want (Firefox 29). The bottom is what I want and can't figure out how to get, without installing a theme that might change the entire look of Firefox. (Firefox 28.)

I know it would be better to upgrade to 29 permanently for future security updates, but if I can't fix the tab bar background, I'm going to remain very disappointed.

I've installed a separate installation of Australis, to see if I can customize it the way I want. So far, with the Classic Theme Restorer add-on, I've got it pretty close. But I want my tab bar background to be transparent. I could accomplish this before by putting things on the (now-defunct) Navigation toolbar and hiding the bookmarks toolbar. I can't do this now, and I'm stuck with the ugly, completely opaque Windows 7 default pale blue in my tab bar background. CTR allows adding a new toolbar, but any new toolbar also has the opaque-and-ugly background. Hiding the bookmarks toolbar doesn't get rid of the ugly opaque either. See image-- http://i.imgur.com/o7IKk6s.png?1 The top is what I have and don't want (Firefox 29). The bottom is what I want and can't figure out how to get, without installing a theme that might change the entire look of Firefox. (Firefox 28.) I know it would be better to upgrade to 29 permanently for future security updates, but if I can't fix the tab bar background, I'm going to remain very disappointed.

All Replies (6)

more options

In CTR Options, tab labeled "Special", did you try checking the box for "Remove tab toolbars background fog (Windows AeroGlass)"?

more options

Yes, just after I posted this, I found that option in CTR (and it's wonderful!)

However, the CTR nav-bar is still has the opaque Windows blue background. I found some code on this thread -- http://forums.mozillazine.org/viewtopic.php?f=48&t=2773133 -- that has made the background of the CTR nav-bar black (or very nearly) and entered it in Stylish.

  1. nav-bar{
 padding-top:4px !important;
 padding-bottom:4px !important;
 background: #282828 !important;

}

It's preferable to the opaque and bright Windows blue, but I have no idea how to tweak that code to make the nav-bar background transparent.

more options

Maybe try:

#nav-bar{
    background: transparent !important;
}

(The wiki software interprets # in the first position on a line as a request for numbering, but if you put a space before it, then it displays as expected.)

Modified by jscher2000 - Support Volunteer

more options

Yes! That works beautifully, jscher2000. No more opaque bars. Thanks for the help (and the tip about the wiki, I missed that.)

more options

Suddenly, today, this bit of code no longer makes the Tab Bar background transparent. It's back to the Windows 7 powder blue.

Anything else I can try to make the Tab Bar background transparent?

more options

That rule was just for the main toolbar, since Classic Theme Restorer was handling the tab bar.

Maybe try:

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
#navigator-toolbox > toolbar:not(:-moz-lwtheme),
#nav-bar, #TabsToolbar {
    background: transparent !important;
    background-image: none !important;
}

If that doesn't work, could you mention your themes: Windows Aero vs. Basic, Firefox default vs. a lightweight theme.