Hey all, I’m trying to remove the bar that has “REMOVE” spammed in red across it. Anyone able to provide some insight/help? Here is my current 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; } #sidebar-box[sidebarcommand=“treestyletab_piro_sakura_ne_jp-sidebar-action”] #sidebar-header { display: none; } .tab { margin-left: 1px; margin-right: 1px; } /* Remove close button*/ .titlebar-buttonbox-container{ display:none }
I do that, here’s my userchrome:
:root{ --uc-toolbar-height: 32px; } :root:not([uidensity="compact"]){--uc-toolbar-height: 38px} #TabsToolbar{ visibility: collapse !important } :root:not([inFullscreen]) #nav-bar{ margin-top: calc(0px - var(--uc-toolbar-height)); } #toolbar-menubar{ min-height:unset !important; height:var(--uc-toolbar-height) !important; position: relative; } #main-menubar{ -moz-box-flex: 1; background-color: var(--toolbar-bgcolor,--toolbar-non-lwt-bgcolor); background-clip: padding-box; border-right: 30px solid transparent; border-image: linear-gradient(to left, transparent, var(--toolbar-bgcolor,--toolbar-non-lwt-bgcolor) 30px) 20 / 30px } #toolbar-menubar:not([inactive]){ z-index: 2 } #toolbar-menubar[inactive] > #menubar-items { opacity: 0; pointer-events: none; margin-left: var(--uc-window-drag-space-width,0px) } #nav-bar { margin-right: 90px; }
This worked perfectly, thanks so much for sharing!
It was a pain for me to piece it together from bits and pieces from the Firefox forums, I’m glad to share and help others avoid the same pain.
I’m nitpicking but can you properly quote your code?
#titlebar { display: none ; }
?but more seriously you might be able to debug using the browser toolbox (
ctrl
+alt
+shift
+i
); or you might try asking on !FirefoxCSS@fedia.io (or !Firefox@fedia.io)