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!

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 remove white line at top of tab bar? (userChrome.css maybe?)

  • 5 replies
  • 3 have this problem
  • 1 view
  • Last reply by Brianna

more options

This is a shot in the dark because it involves a very nonstandard extension, but I figure it's worth a shot. I use TreeStyleTabs to place my tabs on the left in a tree view, and customize it with userChrome.css. It looks like this: http://www.tassaron.com/i/firefox-whiteline.png

Does anyone know how to remove the horizontal white line separating my app tabs (tumblr, gmail, etc) from the navigation toolbar? Disabling the navigation toolbar reveals that the white line is definitely part of the tab bar. If I turn off TreeStyleTabs, Firefox places a similar vertical white line separating my app tabs from the rest of my tabs, so it *might* have to do with that. When I start Firefox, the white line doesn't appear until I click on the tab bar, after which it pops into existence and never goes away. Anyone have any idea what's causing this? It's not a huge deal but I'd like to fix the visual glitch if possible.

This is a shot in the dark because it involves a very nonstandard extension, but I figure it's worth a shot. I use TreeStyleTabs to place my tabs on the left in a tree view, and customize it with userChrome.css. It looks like this: http://www.tassaron.com/i/firefox-whiteline.png Does anyone know how to remove the horizontal white line separating my app tabs (tumblr, gmail, etc) from the navigation toolbar? Disabling the navigation toolbar reveals that the white line is definitely part of the tab bar. If I turn off TreeStyleTabs, Firefox places a similar vertical white line separating my app tabs from the rest of my tabs, so it *might* have to do with that. When I start Firefox, the white line doesn't appear until I click on the tab bar, after which it pops into existence and never goes away. Anyone have any idea what's causing this? It's not a huge deal but I'd like to fix the visual glitch if possible.

All Replies (5)

more options

As far as I know, the white line beneath the navigation toolbar has been kept there purposely to differentiate between toolbars and the content area.

It might however still be possible to make it invisible by hacking into the the styling information of the browser itself. A simple modification of the border values might help, but then again, it is there for a reason. You might find some info on how to do that at Firefox's Developer Documentation on MDN

Explore into this territory only when you are completely sure about what you are upto! ;-)

Modified by Sayak Sarkar

more options

Take a look at your extensions, is there an Ubuntu Firefox modifications extension?

Try disabling that extension.

more options

Disabling that extension doesn't seem to do anything. Although going into the add-ons tab has made me notice: when I'm in the add-ons tab, the white line disappears again. It's only there when I'm on a webpage.

more options

Doesn't the Location Bar (URL's) also disappear in the Add-ons Tab?
Separator or border used to delineate the User Interface (Toolbars) from the content area.

Contact the developer of Tree Style Tabs. If that white line doesn't appear until you click on a Tab, I would call it a Bug or glitch in that extension.

more options

No, the URL bar remains. It says "about:addons". The only difference is the disappearance of the white line.

I will contact the developer of Tree Style Tabs. Thanks for trying to help. :)