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.

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

Is it possible to remove the delimiting line between Bookmarks bar and Tab bar?

  • 14 majibu
  • 1 ana tatizo hili
  • 81 views
  • Last reply by drkh

more options

I place the Tab bar between the Bookmarks bar and the page content area, as the attached image shows.

Is it possible to remove the delimiting line between Bookmarks bar and Tab bar? I feel that line is redundant.

I place the Tab bar between the Bookmarks bar and the page content area, as the attached image shows. Is it possible to remove the delimiting line between Bookmarks bar and Tab bar? I feel that line is redundant.
Attached screenshots

Modified by drkh

Chosen solution

I corresponded with the author of the FXChrome theme. I was instructed to add the following code to userChrome.css.

#navigator-toolbox::after { height: 0px !important; }

Now that unnecessary delimiting (border) line disappears.

Read this answer in context 👍 0

All Replies (14)

more options

I agree that it is not necessary, but that's not a default feature in Firefox these days. What add-on [or code] are you using to move the Tabstrip to below the Bookmarks Toolbar?

The solution will lie in that extension or the code being used.

more options

the-edmeister said

What add-on [or code] are you using to move the Tabstrip to below the Bookmarks Toolbar?

It's the following style code which I found somewhere on Internet and added to userChrome.css:

#TabsToolbar{-moz-box-ordinal-group:10000!important}

Modified by drkh

more options

Add code to the userChrome.css file below the default @namespace line.


@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */

#TabsToolbar { -moz-box-ordinal-group:10000!important; margin-top:-1px!important; }

The customization files userChrome.css (user interface) and userContent.css (websites) are located in the chrome folder in the Firefox profile folder.

Modified by cor-el

more options

No luck.

I replaced the code I had added with this new code provided by cor-el. Restarted Firefox. But that bar delimiting line is still there. I even tried -4px for margin-top. But no good, either.

BTW, when I use Firefox 34.0.5 to browse this forum, on every page there is a huge gap between the first posting and the first reply, See the attached full-screen screen shot. I tried, from Options > Content, reducing the global font size from the default 16 to 10 and not allowing pages to use their own font sizes. But the gap did not disappear. What's wrong?

That gap does not exist when I use IE9.

Modified by drkh

more options

That large gap is because you have expanded all the menus in the sidebar. The first reply starts below the Related section and closing that last section should be sufficient in this case to make the gap much smaller. If not then close other large sections that you do not need as well.

Note that the closed/expanded state is stored in local DOM storage and not in a normal cookie.


The code in userChrome.css works for me.

Does other code that you put in the file work?

#urlbar .textbox-input-box,
#search-container .textbox-input-box,
#FindToolbar .textbox-input-box {
 font-size: 13pt !important;
 font-family: monospace !important;
}

Modified by cor-el

more options

cor-el said

That large gap is because you have expanded all the menus in the sidebar.

First thing tomorrow moring - I'll go and get a lobatomy!

The code in userChrome.css works for me. Does other code that you put in the file work?

Every piece of code I put in userChrome.css works well.

#urlbar .textbox-input-box,
#search-container .textbox-input-box,
#FindToolbar .textbox-input-box {
 font-size: 13pt !important;
 font-family: monospace !important;
}

Why do you give me the above codes? They don't seem to be relevant for the removal of the bar delimiting line. But I tried them anyway, to no avail.

Modified by drkh

more options

I posted that code so you can check if the userChrome.css file is working. If it does then you should see that on the location/address bar. If it doesn't work as well then there is a problem with the userChrome.css file.

Did you verify that it is a .css file (type: Cascading Stylesheet) and not a text file with an hidden .txt file extension?

more options

Your codes do work, as the two attached screenshots can indicate.

And all other codes in userChrome.css work well, too. So, there should be no problem with userChrome.css.

more options

Your Tab bar doesn't look standard.

Did you check the code with the default theme if you currently use a custom theme?

(note that you can still use the code with a smaller font size if you like the monospace font; I do prefer this to make it easier to click the mouse)

Modified by cor-el

more options

You are right. I don't use the Default theme. Instead, I use the FXChrome theme 34.8.

But I have tried rolling back to the Default theme, disabling all the extensions (incl. Stylish, Greese Monkey, userChromeJS) and removing every code line in userChrome.css except those you gave me for hiding the bar delimiting line.

Still not works.

more options

I'm on Linux, so I don't know if this is coded differently on Windows.

more options

cor-el,

i still thank you for reaching out.

more options

But I can't help but thinking that it's the FXChrome theme which adds the delimiting/border line...

See the attached screenshot.

more options

Suluhisho teule

I corresponded with the author of the FXChrome theme. I was instructed to add the following code to userChrome.css.

#navigator-toolbox::after { height: 0px !important; }

Now that unnecessary delimiting (border) line disappears.

Modified by drkh