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

userChrome.css for Title Bar Broken by Latest Update

  • 9 uphendule
  • 1 inale nkinga
  • Igcine ukuphendulwa ngu SynTriarch

more options

A friendly hello to whomever is kind enough to read this! Your help is greatly appreciated!

The latest update caused an edit I made to my Profile's userChrome.css file to be nullified. Now there's huge bar where the tabs toolbar used to be, and apparently it's not the title bar, as when I activate the title bar in "Customize Toolbar," this huge gets replaced by the actual toolbar.

I've attached my css code below for inspection. It used to work perfectly, but after the last update (133.0) it's no longer working. What can I do to fix this and have it like I had it prior to the latest update (133.0)?

userChrome.css File: `#main-window[tabsintitlebar="true"]:not([extradragspace="true"]) #TabsToolbar > .toolbar-items {

 opacity: 0;
 pointer-events: none;

}

  1. main-window:not([tabsintitlebar="true"]) #TabsToolbar {
   visibility: collapse !important;

}

  1. main-window[tabsintitlebar="true"]:not([extradragspace="true"]) #TabsToolbar .titlebar-spacer {
       border-inline-end: none;

}

/* Adding empty space for buttons */

  1. nav-bar {

margin-right:140px; }

/* 15px for dragging whole window by mouse*/

  1. titlebar {

appearance: none !important; height: 15px; }

/* Fix for main menu calling by Alt button */

  1. titlebar > #toolbar-menubar {

margin-top: 10px; }

/* Move minimize/restore/close buttons to empty space */

  1. TabsToolbar > .titlebar-buttonbox-container {

display: block; position: absolute; top: 17px; right: 1px; }

  1. sidebar-box {
 min-width: 250px !important;

}`

A friendly hello to whomever is kind enough to read this! Your help is greatly appreciated! The latest update caused an edit I made to my Profile's userChrome.css file to be nullified. Now there's huge bar where the tabs toolbar used to be, and apparently it's not the title bar, as when I activate the title bar in "Customize Toolbar," this huge gets replaced by the actual toolbar. I've attached my css code below for inspection. It used to work perfectly, but after the last update (133.0) it's no longer working. What can I do to fix this and have it like I had it prior to the latest update (133.0)? '''userChrome.css File:''' `#main-window[tabsintitlebar="true"]:not([extradragspace="true"]) #TabsToolbar > .toolbar-items { opacity: 0; pointer-events: none; } #main-window:not([tabsintitlebar="true"]) #TabsToolbar { visibility: collapse !important; } #main-window[tabsintitlebar="true"]:not([extradragspace="true"]) #TabsToolbar .titlebar-spacer { border-inline-end: none; } /* Adding empty space for buttons */ #nav-bar { margin-right:140px; } /* 15px for dragging whole window by mouse*/ #titlebar { appearance: none !important; height: 15px; } /* Fix for main menu calling by Alt button */ #titlebar > #toolbar-menubar { margin-top: 10px; } /* Move minimize/restore/close buttons to empty space */ #TabsToolbar > .titlebar-buttonbox-container { display: block; position: absolute; top: 17px; right: 1px; } #sidebar-box { min-width: 250px !important; }`
Ama-screenshot ananyekiwe

All Replies (9)

more options

Is your CSS intended to move the tab bar below the bookmark bar? Check out this thread:

https://support.mozilla.org/questions/1476152

Helpful?

more options

I'll check out the thread, thanks!

To answer your question: No, it's meant to completely collapse the TabsToolbar so as to display only the URL bar and my BookmarksBar. The window buttons should be placed in the space right next to the hamburger menu, not above and to the right of it. The space designated for the window buttons is shown in the 2nd screenshot I uploaded in the OP. Essentially my window should look as the image I've attached below shows.

Helpful?

more options

Where did you get your userChrome.css from?

Helpful?

more options

Which vertical/sidebar tabs extension are you using? The answer may have been shared in recent threads referencing that add-on, either here or on Reddit.

Helpful?

more options

I have this problem too now. I am using Ubuntu 24.04 and Gnome Wayland. FF is 133.

My bar now also have this ugly empty bar. And yes, if I tick "Title bar" it starts containing the normal text of titel bar. My intention is also to have it completely gone. I am attaching a screenshot of how it looks like now

Helpful?

more options

Hi Premysl, where did you get the custom CSS you have been using to hide the title bar? Usually the site will have an update.

Helpful?

more options

Hi jscher2000, my original I dont really know - it was taken somewhere from Internet forums when I was looking for a way how to remove the title bar and tabs bar after I started using treestyle tab. In any case - I now also tried the one from your linked thread here https://support.mozilla.org/questions/1476152

but the problem persists.

Helpful?

more options

jscher2000 - Support Volunteer said

Which vertical/sidebar tabs extension are you using? The answer may have been shared in recent threads referencing that add-on, either here or on Reddit.

I'm using Sideberry. I highly recommend everyone use Sideberry over TST XD (joking, but not really XD XD)

Helpful?

more options

markwarner22 said

Where did you get your userChrome.css from?

I don't know, but I've tried making my own code and nothing is working.

Helpful?

Buza umbuzo

You must log in to your account to reply to posts. Please start a new question, if you do not have an account yet.