Firefox updated and it took my tabs off the bottom and above address bar
Dang these updates that do this. how to move tabs back below address bar? I know many people are tired of this problem!
Firefox
FF 71 again broke tabs and menu bars!
As in the topic, FF updated broke everything. Fortunately, I managed to get it somewhat working again but there are new problems. My menu bar now is under bookmarks and s… (читать ещё)
As in the topic, FF updated broke everything. Fortunately, I managed to get it somewhat working again but there are new problems. My menu bar now is under bookmarks and some weird empty bar showed up under my tabs. HOW TO FIX IT?! HELP!
my userChrome.css config
/* Firefox Quantum userChrome.css tweaks ********************************************************/ /* code mostly taken from 'Classic Theme Restorer' & 'Classic Toolbar Buttons' add-ons **********/ /* Github: https://github.com/aris-t2/customcssforfx ********************************************/ /************************************************************************************************/
/************************************************************************************************/ /* Custom CSS for Firefox 60+ *******************************************************************/ /* version 2.4.0 ********************************************************************************/ /************************************************************************************************/
/*************************************************************************************************
- /
/************************************************************************************************/ /* CONFIGURATION FILES - edit target files to change general values *****************************/ /************************************************************************************************/
/* GENERAL VARIABLES ****************************************************************************/ /* [!] set global variables for font and tab size options and more inside target file ***********/ @import "./config/general_variables.css"; /**/
/* COLOR VARIABLES FOR DEFAULT BROWSER THEME ONLY - MAIN UI - [only use one at a time] **********/ /* [!] set own colors for tabs & toolbars inside 'color_variables.css' or use available presets */ /* [!] 'about:config > ui.systemUsesDarkTheme > 0' might be required in some cases **************/ /* [!] enabled 'menubar_color.css' and 'statusbar_color.css' might be required in some cases ****/ @import "./config/color_variables.css"; /**/ /* <- default 'grey' colors */ /* @import "./config/color_variables_aero.css"; /**/ /* <- 'AeroBlue' colors (Win 7 Aero) */ /* @import "./config/color_variables_classic-grey.css"; /**/ /* <- 'classic grey' colors (Win Classic) */ /* @import "./config/color_variables_fx3.css"; /**/ /* <- 'Firefox 3-like' blueish colors */ /* @import "./config/color_variables_transparent.css"; /**/ /* <- (semi-)'transparent' colors */ /* @import "./config/color_variables_aeroglass.css"; /**/ /* <- 'AeroGlass' colors / Win10+Glass8 fix can be found in 'toolbars' area */ /* @import "./config/color_variables_deved.css"; /**/ /* <- based on 'Developer Edition' colors */ /* @import "./config/color_variables_noia4_grey.css"; /**/ /* <- based on 'Noia 4 themes' grey colors */ /* @import "./config/color_variables_noia4_lightgrey.css"; /**/ /* <- based on 'Noia 4 themes' lightgrey colors */ /* @import "./config/color_variables_noia4_dark.css"; /**/ /* <- based on 'Noia 4 themes' dark colors */
/* Darker "Dark" default theme - [only use one at a time] ***************************************/ /* @import "./css/toolbars/default_dark_theme_darker.css"; /**/ /* @import "./css/toolbars/default_dark_theme_darker_v2.css"; /**/
/* CUSTOM SCROLLBARS VARIABLES (Firefox 63+ only) - EXPERIMENTAL ********************************/ /* [!] Might not work on every page! This issue is for Mozilla to solve. ************************/ /* [!] not compatible with custom scrollbar JavaScipt userChrome scripts ************************/ /* [!] custom size values only compatible with 'web content' scrollbars at the moment ***********/ /* [!] more info inside 'custom_scrollbar_appearance.css' file **********************************/ /* @import "./config/custom_scrollbar_appearance.css"; /**/ /* <--- EXPERIMENTAL */
/************************************************************************************************/
/* TOOLBAR BUTTONS ******************************************************************************/
/************************************************************************************************/
/* navigation toolbar buttons appearance - [only use one at a time] *****************************/ @import "./css/buttons/buttons_on_navbar_classic_appearance.css"; /**/ /* @import "./css/buttons/buttons_on_navbar_classic_appearance_v2.css"; /**/ /* @import "./css/buttons/buttons_on_navbar_windows_classic_theme_appearance.css"; /**/ /* @import "./css/buttons/buttons_on_navbar_glass_appearance.css"; /* <--- good for Dark themes */ /* @import "./css/buttons/buttons_on_navbar_osx_appearance.css"; /**/
/* navigation toolbar buttons - button roundness (edit file to set different roundness) *********/ /* @import "./css/buttons/buttons_on_navbar_button_roundness.css"; /**/
/* squared buttons / button size - [only use one at a time] *************************************/ /* "rectangular shape" - normal size ************************************************************/ /* @import "./css/buttons/buttons_on_navbar_squared_buttons.css"; /**/ /* "normal shape" - large size (huge 48x48px buttons with 36x36px icons) ************************/ /* [!] not compatible with 'custom icon' options ************************************************/ /* [!] not compatible with 'custom back & forward buttons' appearance options *******************/ /* [!] not compatible with 'text mode' option ***************************************************/ /* [!] partly compatible with 'icons+text' option, if in 'compact mode' *************************/ /* @import "./css/buttons/buttons_on_navbar_huge_48px_size.css"; /
Is there a way to change the tabs' font to BOLD?
Hi all, Is there a way in about:config to change the tab font to be bold? Or to change it to a font that is automatically bold (like Aharoni, for ex.)? Thanks! PS, if t… (читать ещё)
Hi all, Is there a way in about:config to change the tab font to be bold? Or to change it to a font that is automatically bold (like Aharoni, for ex.)? Thanks! PS, if this requires a css file, I will have a LOT more questions, as I have never written one of those and being somewhat elderly, have never taken a computer course.
Update To FF 71 Moved Tabs Above Address Bar How To Move Them Back?
Got updated to FF71 and my Tabs which I had moved under address bar got moved back above the address bar. (Had moved them under by creating userChrome.css file which no … (читать ещё)
Got updated to FF71 and my Tabs which I had moved under address bar got moved back above the address bar. (Had moved them under by creating userChrome.css file which no longer works) Is there anyway I can get the tabs again to display to under the address bar? It's just so confusing with the tabs on top. I appreciate any help!
Used the fix for Tabs on Bottom but lost the top right buttons for minimize, cascade, restore, exit.
The above pretty much sums it up. I at least have tabs on bottom and haven't done any coding in 40+ years but I'll try some tweaks but would really like the above mentio… (читать ещё)
The above pretty much sums it up. I at least have tabs on bottom and haven't done any coding in 40+ years but I'll try some tweaks but would really like the above mentioned buttons back.
How to post code on forum?
How do you post source code on these support forums? Like below; TabsToolbar { position: absolute !important; bottom: 0 !important; width: 100vw !important; } … (читать ещё)
How do you post source code on these support forums?
Like below;
- TabsToolbar {
position: absolute !important; bottom: 0 !important; width: 100vw !important;
}
How do I hide tab bar scroll buttons in FF 71?
Before FF 71, I had been using this userChrome CSS to hide the scroll buttons: TabsToolbar toolbarbutton[class^="scrollbutton"] { display: none !important; } Now… (читать ещё)
Before FF 71, I had been using this userChrome CSS to hide the scroll buttons:
- TabsToolbar toolbarbutton[class^="scrollbutton"] {
display: none !important; }
Now it's stopped working. Does anyone know the new code?
Firefox 63 tab.close.button.transparent.background w/ hovered background
Fx 63.0.3 in Linux. I added a tab close button (hovered) colored background. It's not necessarily same W x H as the inactive button transparent background - which is fin… (читать ещё)
Fx 63.0.3 in Linux. I added a tab close button (hovered) colored background. It's not necessarily same W x H as the inactive button transparent background - which is fine.
I'd like to move the (inactive) 'X' close to the tab right end (did move it - not necessarily easiest way). The bottom of red background in hovered state needs to be close to the tab bottom & even with the tab's right end / side, for a better, easier target to close. I did that - more or less. :)
The issue (that may have no solution) is the inactive button's transparent BG is 20x20px, I believe. So far, unless I make the hovered, colored background the same size as the inactive button's , it distorts the 'X' when the red background appears. So the button is semi-fixed? When hovered, it doesn't "translate" the X icon in the same HxW. Yes, people are starving in Africa & we're worried about pretty browsers.
I assume because the inactive close button has different dimensions and margins than the added background does, the only way I can get the "legs" of the 'X' near the tab border is enter different margins for it than for the hovered, colored background?
- Question on the last part: *When you have a 20x20 button, originally positioned so the 'letter X' was ~ 5 - 7px from the border / end, what does Firefox "do" w/ the transparent part of the button, when you enter margins so the 'X' is very near the right tab border (right end of the moz-box or container)?
- Does it in effect, 'remove' part of the transparent button, as different margins are entered, to move the button closer & closer to the container's end?
It appears the default close button's 'X' is 10px WxH. Since browser toolbox showed the button was 20x20px - I think, then it has a 5px margin? on all sides of the 'X' image.
The main goals are:
- 1. Get more room for text on tabs. I also changed margins on the tab icons to move them near the tab left border & disabled tab text fadein.
- 2. Have a clickable background to close tabs - that lines up at the tab bottom, right corner & not have to "fish around" for the close button. I have that.
So far, unless I make the hovered background the exact dimensions of the button, then use the exact margins on both, it will distort the X - depending on how different in size the inactive & hovered sizes are.
I couldn't find a CSS property / feature that would allow *the original* X close button to shift up or left (undistorted), when the hovered background appears.
Maybe the original close button could be hidden during hover and a new close button specified (adding a colored BG) with a new size? Say, 15x20 (or 30)? As long as the hovered BG is near the bottom, right corner.
- I think whatever space is occupied by the width of the transparent button edge (plus padding, if any), dictates how far the tab's text can extend to the right? Once hovered, I don't care if more or less text shows, since I'll be closing the tab, not reading it.
- If that's true, I could modify / create an overall smaller inactive close button - allowing more text on tabs. Or just "remove" the *inactive state* close button, & specify the same close button (plus red BG) for the hovered state.
I'm not sure how hard it would be.
It was kind of tedious, figuring out how much negative margin values to enter (for 2 different element sizes), so they both wound up (nearly) equidistant from the tab R end. Key word being "nearly". I didn't want the 'X' touching or almost - the tab divider line. But I want the hovered background touching it, to make an easier closing target.
In blown up screenshot(sss), it seemed if I measured the distance between the close button visible 'X' and the tab's R border (say 7px), if I entered 5px, the visible 'X' moved, but NOT so it was 2px from the R border. It seemed something else was affecting it.
.tabbrowser-tab .tab-close-button { /* move inactive close button closer to tab R-end */
margin-top: 5px !important; margin-right: -10px !important; margin-left: 0px !important;
}
Possible to move the "Find on Page" bar to the top?
Can I move the "Find on Page" bar to the top of the browser? I'm used to it being at the top (from other browsers)...maybe I just need to get used to it. Thanks!
how to make search/address awesome bar black
Hello boys and girls; I am using FF 64.0 on Win7. My theme is 'Black and Gold' and I have DuckDuckGo for my homepage. Everything is dark, minimalistic with gold lettering… (читать ещё)
Hello boys and girls; I am using FF 64.0 on Win7. My theme is 'Black and Gold' and I have DuckDuckGo for my homepage. Everything is dark, minimalistic with gold lettering. However, the task bar at the bottom of the screen, the bookmarks bar, and the search/address/awesome/toolbar are all gray. The address bar is a lighter shade of gray with black lettering. I suspect that is a windows thing and I could probably learn to live with it, but would like to change it also. I would provide an image, but screenshot doesn't seem to want to include the the header or toolbars.
I have created a chrome file for a .css command, but I'm not sure if this is the right direction or what to put in it.
If it is possible, could someone please provide detailed instructions as to how to change these areas.
How to i remove the "X" button on a tab when i only have one tab open?
I want the remove the "X" button when i have a single tab open. not when i have multiple tabs open. i constantly close Firefox when i mean to open a 2nd tab. It isnt a p… (читать ещё)
I want the remove the "X" button when i have a single tab open. not when i have multiple tabs open. i constantly close Firefox when i mean to open a 2nd tab.
It isnt a problem if i close a tab if i have other tabs open because i can just use "CTL+SHIFT+T" to reopen the tab, but if i close a single tab, all of firefox closes. there used to be add-ons which gave me the options, but not anymore.
How to change the size of the icons in the toolbar?
How to change the size of the icons in the toolbar? The "Density" drop-down menu only increases the spacing between icons.
Thanks.
Change tab height
Hi all, I'd like to modify the tab height, to make it thinner. Is this something that can be done, perhaps via the userChrome.css file? Thanks in advance. … (читать ещё)
Hi all,
I'd like to modify the tab height, to make it thinner. Is this something that can be done, perhaps via the userChrome.css file?
Thanks in advance.
Override "important!" in source files with userChrome.css
Hello, I'm trying to change the default text direction in the URL bar from right to left (in FF RTL locals). Replacing html|input.urlbar-input:-moz-locale-dir(rtl) { dir… (читать ещё)
Hello,
I'm trying to change the default text direction in the URL bar from right to left (in FF RTL locals).
Replacing
html|input.urlbar-input:-moz-locale-dir(rtl) {
direction: ltr !important; text-align: right !important;
}
with
html|input.urlbar-input {
direction: ltr !important; text-align: left !important;
}
in chrome\browser\content\browser\browser.css does change the direction.
However, I can not achieve that with userChrome.css. Is it possible to override the "important!" rule in the source file with userChrome.css?
Thank you.
Method to change site text color only if current background / foreground contrast is below certain value
I find a lot of sites that use text color from fairly light to medium gray, on white or light gray background which doesn't show up well. Some have so little contrast, it… (читать ещё)
I find a lot of sites that use text color from fairly light to medium gray, on white or light gray background which doesn't show up well. Some have so little contrast, it's like they're ashamed of the content.
The problem I expect from using a blanket statement in userContent.css, even if it mostly worked, is there will be some background colors that won't contrast well with black text; trading one problem for another.
If I try to set all backgrounds one color & all body or paragraph text to another, there will be other elements on pages that won't show up. One example - in Preferences / Colors, when "Override the colors specified by the page with your selections above - Always" is checked, it makes addon's UIs totally unreadable. Clearly, that won't work for pages with elements besides text. Elements on some sites just disappear. I'm not sure what type of sites today would work using override all colors with black & white or where any 2 fixed colors would work on most sites.
Is there a way to detect when sites use background / foreground colors with contrast below a certain value and only then change text to black? That would assume the background was a light color. If a dark background was detected, light text would be needed. It may be that sites have so many different types of elements / graphics, something like this would be impossible.
Remove format change
Hi, I am not sure how to ask this question so maybe telling you the history of what I did will help. In one of the previous Quantum versions I wanted a different look fo… (читать ещё)
Hi,
I am not sure how to ask this question so maybe telling you the history of what I did will help.
In one of the previous Quantum versions I wanted a different look for tabs and general layout. At that time I found a web page that covered what I was looking for. As I recall, there was some 'text' that I cut and pasted into a folder. That produced the layout you see in the attached screen cap image.
Since the Quantum versions have been updated I would like to remove the layout change previously installed and have the current traditional Firefox layout.
I have searched but am unable to find the original information.
Hopefully someone will be able to help me.
Thanks in advance for your help!
How do I change the colour of the background, under the tab section?
I would like to change the colour of my background as i think white is plain. I already managed to change the tab using colors, but I can't find a way to change the colou… (читать ещё)
I would like to change the colour of my background as i think white is plain. I already managed to change the tab using colors, but I can't find a way to change the colour of the main body, underneath the tab section. Is there a way or is it impossible?
WE HATE TABS ON TOP CAN YOU PLEASE STOP BEING PRICKS AND FORCING THIS ON USERS?
Stop, I am about to drop firefox. Since 50 something you changed, and you say its always like that but that is false. You changed tabs on top like in version 40, sinc… (читать ещё)
Stop, I am about to drop firefox. Since 50 something you changed, and you say its always like that but that is false. You changed tabs on top like in version 40, since then we all complain and you insist on this. I am about to drop firefox for good. Stop
How can I get my tabs underneath the adress bar with version 65.0?
New update - again problems. I couldn't manage to get my tabs below the adress bar, although I used the trick with the css-File in the profiles. Which possibility do I ha… (читать ещё)
New update - again problems. I couldn't manage to get my tabs below the adress bar, although I used the trick with the css-File in the profiles. Which possibility do I have now?
Version 65.0 moved the tabs back to the top of the window. Why isn't the placement optional?
I just updated my copy of Firefox to version 65.0. Immediately, I noticed that the tab bar has now been moved back to the top of the window, despite the hack I used to mo… (читать ещё)
I just updated my copy of Firefox to version 65.0. Immediately, I noticed that the tab bar has now been moved back to the top of the window, despite the hack I used to move it down. I know that I'm certainly not unique in disliking this location for the tabs toolbar. It makes a lot more sense for that toolbar to be below the bookmarks toolbar. That way, it separates the website content from the program's interface. Does anybody know of a way to move the tabs back down below the bookmarks toolbar? TIA