It seems that you're using an outdated browser. Some things may not work as they should (or don't work at all).
We suggest you upgrade newer and better browser like: Chrome, Firefox, Internet Explorer or Opera

×
hi, this may look like a dumb question , and maybe it is, FF silently updated to 72,02 which isnt that bad BUT...

userChrome.css doesnt work , i wasted an afternoon yesterday and 6 hours today looking for a solution...
dozens of 'solutions' posted don't work for me.

I'm using FireFox since version 30 or so ( even under XP i used FF) so i got used to tabs at the bottom, having tabs on top takes too long for me to navigate .... everything is grey and if not active the tab will 'blend' in with the topmenu
tabs on bottom would be much easier to navigate

Anyway i hope someone can give me a solution and /or a link to a userChrome.css file that does work....



attachment: screenshot001.png
Attachments:
Post edited February 03, 2020 by gamesfreak64
Yeah it's really annoying that they can't offer an option for this simple feature and screw up everyone's config with every release.

Nevertheless, this is the code that works for me (I'm using linux though) :

/* tabs on bottom */
*|*:root:not([chromehidden*="toolbar"]) #navigator-toolbox {
padding-bottom: calc(var(--tab-min-height) + 1px) !important;
}

*|*:root {
--tab-toolbar-navbar-overlap: 0px !important;
--tab-min-height: 28px !important;
--tab-min-width: 80px !important;
}

#TabsToolbar {
display: block !important;
position: absolute !important;
bottom: 0 !important;
width: 100vw !important;
height: var(--tab-min-height) !important;
margin-bottom: 1px !important; /*adjust*/
}
avatar
gamesfreak64: hi, this may look like a dumb question , and maybe it is, FF silently updated to 72,02 which isnt that bad BUT...

userChrome.css doesnt work , i wasted an afternoon yesterday and 6 hours today looking for a solution...
dozens of 'solutions' posted don't work for me.

I'm using FireFox since version 30 or so ( even under XP i used FF) so i got used to tabs at the bottom, having tabs on top takes too long for me to navigate .... everything is grey and if not active the tab will 'blend' in with the topmenu
tabs on bottom would be much easier to navigate

Anyway i hope someone can give me a solution and /or a link to a userChrome.css file that does work....

attachment: screenshot001.png
Not a dumb question at all, plus I do find FF kind of a pain in the backside with doing this kind of stuff: changing the way YOU decided it should display. What fixes used to work in some versions no longer will in subsequent ones, such as in your case.

If this in the, I stress, userChrome.css ===> #TabsToolbar { position: absolute !important; bottom: 0 !important; width: 100vw !important; display: block !important; }

AND you have enabled (set to true) : userChrome.css and userContent.css via about:config, AND (forgot about that one which could still work) also in the about: config set to true:
toolkit.legacyUserProfileCustomizations.stylesheets no longer works, am kind of at a loss and perhaps someone else can help out with a fix that works.

One fix that has been reported to work for V.72 for -perhaps not all- but a fair number is the one described here:

https://www.reddit.com/r/FirefoxCSS/comments/elkolw/firefox_72_tabs_on_bottom_fix/

Could be worth a try but make sure you backup your profile folder first so you don't end up with a mess if something goes wrong.

Those changes in versions which can break user settings is one of the reason why I 1)now only run FF in its portable version so it's no longer installed on the system 2)I don't let it update by itself, no matter what but decide to whether let it or skip and update depending on the changelog.

Hope you get it sorted somehow.
Post edited February 03, 2020 by Flyingfluffypiglet
avatar
russellskanne: Yeah it's really annoying that they can't offer an option for this simple feature and screw up everyone's config with every release.

Nevertheless, this is the code that works for me (I'm using linux though) :

/* tabs on bottom */
*|*:root:not([chromehidden*="toolbar"]) #navigator-toolbox {
padding-bottom: calc(var(--tab-min-height) + 1px) !important;
}

*|*:root {
--tab-toolbar-navbar-overlap: 0px !important;
--tab-min-height: 28px !important;
--tab-min-width: 80px !important;
}

#TabsToolbar {
display: block !important;
position: absolute !important;
bottom: 0 !important;
width: 100vw !important;
height: var(--tab-min-height) !important;
margin-bottom: 1px !important; /*adjust*/
}
avatar
Flyingfluffypiglet: Not a dumb question at all, plus I do find FF kind of a pain in the backside with doing this kind of stuff: changing the way YOU decided it should display. What fixes used to work in some versions no longer will in subsequent ones, such as in your case.

If this in the, I stress, userChrome.css ===> #TabsToolbar { position: absolute !important; bottom: 0 !important; width: 100vw !important; display: block !important; }

AND you have enabled (set to true) : userChrome.css and userContent.css via about:config, AND (forgot about that one which could still work) also in the about: config set to true:
toolkit.legacyUserProfileCustomizations.stylesheets no longer works, am kind of at a loss and perhaps someone else can help out with a fix that works.

One fix that has been reported to work for V.72 for -perhaps not all- but a fair number is the one described here:

https://www.reddit.com/r/FirefoxCSS/comments/elkolw/firefox_72_tabs_on_bottom_fix/

Could be worth a try but make sure you backup your profile folder first so you don't end up with a mess if something goes wrong.

Those changes in versions which can break user settings is one of the reason why I 1)now only run FF in its portable version so it's no longer installed on the system 2)I don't let it update by itself, no matter what but decide to whether let it or skip and update depending on the changelog.

Hope you get it sorted somehow.
FF is in default folder: C:\Program Files (x86)

the chromefolder is in the designated folder: Roaming\Mozilla\Firefox\Profiles\PROFILENAME.default\chrome

the chromefolder has its old .css file but that doesnt work after the auto update ( was'nt able to disable the updates so it updated itself)

I assume i have to paste the copied text in the existing userChrome.css file.
Post edited February 03, 2020 by gamesfreak64
Fix seems to work , tab is rather small, i don't know for sure but i thought it resized to the URL length ?

screenshotresult.png

Anyway it seems to work :D

now a restart to make sure it still works .....







edit: i noticed it takes a few seconds , page shows white ( mini lag) then it updates the post i edited cant recall i had that problem with ff 65 .....
Attachments:
Post edited February 03, 2020 by gamesfreak64
avatar
gamesfreak64: FF is in default folder: C:\Program Files (x86)

the chromefolder is in the designated folder: Roaming\Mozilla\Firefox\Profiles\PROFILENAME.default\chrome

the chromefolder has its old .css file but that doesnt work after the auto update ( was'nt able to disable the updates so it updated itself)

I assume i have to paste the copied text in the existing userChrome.css file.
Yes it is in the existing *.css file you need to input the text in, check in the about:config some relevant fields for FF to call upon it are enabled (set to True). In my version (latest) I am able to tell it not to install updates automatically, weird you cannot tell it to do so in yours.

The folder (profilename) is the one you need to backup just to be safe.
avatar
gamesfreak64: Fix seems to work , tab is rather small, i don't know for sure but i thought it resized to the URL length ?

screenshotresult.png

Anyway it seems to work :D

now a restar to make sure it still works .....
Weird about the tab size for indeed it should show the whole URL address if in use, so here you need to play around and adjust the size in the field of the toolbar size in the script you've imputed, until you get the one you want.

At least you're getting somewhere ;-)
avatar
gamesfreak64: edit: i noticed it takes a few seconds , page shows white ( mini lag) then it updates the post i edited cant recall i had that problem with ff 65 .....
Mmmmmm.... May need some backtracking, and process of elimination so hope you've backed up the folder prior to do anything. But without having to restore over start by undoing anything you've done in the about:config (all you need doing is set back to false), see if still lag, then work your way from there as in do so for all the enabled that was disabled.

Haven't checked all the comments about that script so go through those to see if there is anything that wasn't set right, I quickly went over it but nothing jumped at me.
Post edited February 04, 2020 by Flyingfluffypiglet
avatar
gamesfreak64: FF is in default folder: C:\Program Files (x86)

the chromefolder is in the designated folder: Roaming\Mozilla\Firefox\Profiles\PROFILENAME.default\chrome

the chromefolder has its old .css file but that doesnt work after the auto update ( was'nt able to disable the updates so it updated itself)

I assume i have to paste the copied text in the existing userChrome.css file.
avatar
Flyingfluffypiglet: Yes it is in the existing *.css file you need to input the text in, check in the about:config some relevant fields for FF to call upon it are enabled (set to True). In my version (latest) I am able to tell it not to install updates automatically, weird you cannot tell it to do so in yours.

The folder (profilename) is the one you need to backup just to be safe.
avatar
gamesfreak64: Fix seems to work , tab is rather small, i don't know for sure but i thought it resized to the URL length ?

screenshotresult.png

Anyway it seems to work :D

now a restar to make sure it still works .....
avatar
Flyingfluffypiglet: Weird about the tab size for indeed it should show the whole URL address if in use, so here you need to play around and adjust the size in the field of the toolbar size in the script you've imputed, until you get the one you want.

At least you're getting somewhere ;-)
Okay, i tired it and gues what :


YUCK

they had to change that aswell ...... getting soooooooo tired of those FF guys adding / changing visual things
that basically add nothing to the design.... YUCK



ps: Steam also messed up the client pretty bad , why do those GUI guys have to feel they have to prove themselves every time ? every full version update has a change in UI ( YUCK)




I hope i'll be able to quickly change settings, i got used to the old interface, looks like i have to get used again, and by the time i can operate with my eyes 'closed' they will change it again....



Anyway , check OMG.jpg to see what i mean


regarding the about config, i havent done anything yet cause it looks different they felt they had a need to change that aswell ( YUCK again)


***sighs *** :D
okay i will explore the about:config
Attachments:
omg.jpg (59 Kb)
Post edited February 03, 2020 by gamesfreak64
avatar
gamesfreak64: Okay, i tired it and gues what :

YUCK

they had to change that aswell ...... getting soooooooo tired of those FF guys adding / changing visual things
that basically add nothing to the design.... YUCK

ps: Steam also messed up the client pretty bad , why do those GUI guys have to feel they have to prove themselves every time ? every full version update has a change in UI ( YUCK)

I hope i'll be able to quickly change settings, i got used to the old interface, looks like i have to get used again, and by the time i can operate with my eyes 'closed' they will change it again....

Anyway , check OMG.jpg to see what i mean
The OMG as per your picture is a way of FF to cover their backside giving you warning you could mess up if you don't know what you're doing, so pretty standard for always have done. Hence having told you to backup your profile folder first, but in your case wouldn't be hard to fix without doing so (restore): disable the fields you've enabled then cut the script you've imputed.

I too am getting annoyed with the FF bunch, used to be great but especially since going the Chrome way, messed up a whole bunch of stuff for the user especially personal settings.

As for Steam's client.... (whole lot of swearing) ;-)

Last resort if really you cant get that version to run the way you want to, unless major security issues prior to 72, go back to the version you had working good for you, then get the PORTABLE version of 72, copy/paste your profile folder from your installed FF into the folder of the portable then you can play around with it and settings all you want without fear of messing up because portable works on its own independently of the installed version, if you understand what I mean.
Post edited February 03, 2020 by Flyingfluffypiglet
Sorry, forgot the tab width code. Here it is:

/* tab width */
#tabbrowser-tabs {
width: 100vw !important;
}
avatar
russellskanne: Sorry, forgot the tab width code. Here it is:

/* tab width */
#tabbrowser-tabs {
width: 100vw !important;
}
You may have to take over here for am about to run for cover as I've gotten pretty frustrated too with FF myself ;-) Only sticking with it as I've manage to get it to do what I want it to do and secure it as tight as.... Well better not say unless having to be 'moderated' by a GOG Mod.
avatar
gamesfreak64: Okay, i tired it and gues what :

YUCK

they had to change that aswell ...... getting soooooooo tired of those FF guys adding / changing visual things
that basically add nothing to the design.... YUCK

ps: Steam also messed up the client pretty bad , why do those GUI guys have to feel they have to prove themselves every time ? every full version update has a change in UI ( YUCK)

I hope i'll be able to quickly change settings, i got used to the old interface, looks like i have to get used again, and by the time i can operate with my eyes 'closed' they will change it again....

Anyway , check OMG.jpg to see what i mean
avatar
Flyingfluffypiglet: The OMG as per your picture is a way of FF to cover their backside giving you warning you could mess up if you don't know what you're doing, so pretty standard for always have done. Hence having told you to backup your profile folder first, but in your case wouldn't be hard to fix without doing so: disabled the fields you've enabled then cut the script you've imputed.

I too am getting annoyed with the FF bunch, used to be great but especially since going the Chrome way, messed up a whole bunch of stuff for the user especially personal settings.

As for Steam's client.... (whole lot of swearing) ;-)
Thanks for the extra tips, its quite a lot to chew on , my '2' brain cells are working overtime and aging makes it even worse.


Anyway, regarding swearing.... since the latest Steam updates all i do is swearing , swearing around the clock
its like the little blue guy in the clip that keeps on fighting and running ( Eiffel 65 - Blue (Da Ba Dee)
The fun part is swearing in Dutch with all the gee vee dees , english / america use many f we use tons of gee vee dee, kinda like a DVD but different
avatar
gamesfreak64: Thanks for the extra tips, its quite a lot to chew on , my '2' brain cells are working overtime and aging makes it even worse.

Anyway, regarding swearing.... since the latest Steam updates all i do is swearing , swearing around the clock
its like the little blue guy in the clip that keeps on fighting and running ( Eiffel 65 - Blue (Da Ba Dee)
The fun part is swearing in Dutch with all the gee vee dees , english / america use many f we use tons of gee vee dee, kinda like a DVD but different
You're welcome. It's pretty easy if you're not used to do stuff like that to get on information overload, so take your time and tweak around when you have the time, don't do anything when you're in kind of a rush. Also take note at the end of my post 8, that's another road for you to take.

LOL, I know what you mean about the swearing part! OK so you beat in swearing in Dutch, but I am superb at swearing in French as well as in English :-D

So staying away from Steam for a while, got an overload of their crappy agent, but the disgusting recent posts censorship of certain Publisher on the discussion on their censorship of a certain beloved game they've butchered has left me disgusted of that place.

I'll swear aplenty about other stuff, FF included, especially about the trouble you're getting right now taming it the way you want when it comes to tabs position and size. Me I'm lucky, I've tamed that beast so fingers crossed for you.
Post edited February 03, 2020 by Flyingfluffypiglet
avatar
gamesfreak64: Thanks for the extra tips, its quite a lot to chew on , my '2' brain cells are working overtime and aging makes it even worse.

Anyway, regarding swearing.... since the latest Steam updates all i do is swearing , swearing around the clock
its like the little blue guy in the clip that keeps on fighting and running ( Eiffel 65 - Blue (Da Ba Dee)
The fun part is swearing in Dutch with all the gee vee dees , english / america use many f we use tons of gee vee dee, kinda like a DVD but different
avatar
Flyingfluffypiglet: You're welcome. It's pretty easy if you're not used to do stuff like that to get on information overload, so take your time and tweak around when you have the time, don't do anything when you're in kind of a rush. Also take note at the end of my post 8, that's another road for you to take.

LOL, I know what you mean about the swearing part! OK so you beat in swearing in Dutch, but I am superb at swearing in French as well as in English :-D

So staying away from Steam for a while, got an overload of their crappy agent, but the disgusting recent posts censorship of certain Publisher on the discussion on their censorship of a certain beloved game they've butchered has left me disgusted of that place.

I'll swear aplenty about other stuff, FF included, especially about the trouble you're getting right now taming it the way you want when it comes to tabs position and size. Me I'm lucky, I've tamed that beast so fingers crossed for you.
I know one French word i think it sounds like third in Dutch, third in Dutch is derde
and you kinda pronounce it like the French word , we also have a word that has the same sound:

Shepherd is herder in Dutch like the German Shepherd ( dog) , and herder and also the word verder ( means further)

Anyway Dutch is rather complicated unless people have a 'knack' for learning something, or ability , and there are too many words that mean the same which makes languages so complicated, the fun part is, we kinda 'grew'up
watching many British tv series ( BBC 1 and 2) we had one French Chanel ( much later) but it was never on :D
we watched many Belgian shows and series too, very funny people, and the number of German tv shows ( Derrick)
( and lateron Cobra 11), but the BBC was our favorite and first foreign channel.


Okay i will continue tomorrow or somewhere in the next few days, at least i can use it now withouting getting lost in the grey colors.
avatar
gamesfreak64: Okay i will continue tomorrow or somewhere in the next few days, at least i can use it now withouting getting lost in the grey colors.
Some key points for you to remember when continuing and trying various things:

- Safety net: pref.js being the file that stores any customization made in about:config, that's the one to make a copy of prior to try various things if you're worried you'll end up making a mess. You can restore back if needed and start again.

- toolkit.legacyUserProfileCustomizations.stylesheets must be set to 'true' in about:config otherwise anything calling on files in the chrome folder (like the tab customization you're working on) will be ignored. So here whenever FF updates, always verify that setting (disabled by default) hasn't been reset back to 'false' by the update.

- If you decide to work with the portable versions to try various things to get FF the way you want, unless stated otherwise in the readme or help file (a must read anyway), you transfer your profile folder into the Data folder in the FF portable directory. It's important though to delete any cache folders in it as those pertain to the installed FF version.

Then when you're all set to go, you work with it in the same way you would with the installed version.

Worth bookmarking is the large library of CSS scripts on github to customize FF (various versions), including a section on tabs which may (or not) have a working fix you'd be happy with.

https://github.com/Aris-t2/CustomCSSforFx/tree/master/classic/css
avatar
gamesfreak64: Okay i will continue tomorrow or somewhere in the next few days, at least i can use it now withouting getting lost in the grey colors.
avatar
Flyingfluffypiglet: Some key points for you to remember when continuing and trying various things:

- Safety net: pref.js being the file that stores any customization made in about:config, that's the one to make a copy of prior to try various things if you're worried you'll end up making a mess. You can restore back if needed and start again.

- toolkit.legacyUserProfileCustomizations.stylesheets must be set to 'true' in about:config otherwise anything calling on files in the chrome folder (like the tab customization you're working on) will be ignored. So here whenever FF updates, always verify that setting (disabled by default) hasn't been reset back to 'false' by the update.

- If you decide to work with the portable versions to try various things to get FF the way you want, unless stated otherwise in the readme or help file (a must read anyway), you transfer your profile folder into the Data folder in the FF portable directory. It's important though to delete any cache folders in it as those pertain to the installed FF version.

Then when you're all set to go, you work with it in the same way you would with the installed version.

Worth bookmarking is the large library of CSS scripts on github to customize FF (various versions), including a section on tabs which may (or not) have a working fix you'd be happy with.

https://github.com/Aris-t2/CustomCSSforFx/tree/master/classic/css
thanks for the warning but i.... ai aai aii i , i already learned it is different இ_இ
so i restored that one thing and decided to stick with the tabs on top , the about: config has become to complicated for both of my brain cells (-’๏_๏’-) i had a 'backup' i usually make backups.

Anyway thanks for all the help but i will have to get used to the ugly FF version that will become even uglier and harder to work with cause its become too complicated for me to tweak things in this version..

As for gaming, now that win7 is officiially +++ and a new setup is too expensive ( hardware in our shops is pretty expensive already) and with current things going on ( price going up) and the thing with the 'virus' things might become even more expensive so it is time to play my old games i havent played yet and hope the old setup can go another 20 years or so .
Post edited February 04, 2020 by gamesfreak64