Windows 10 will reach EOS (end of support) on October 14, 2025. For more information, see this article.

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

Cannot get the css file to work for tabs.

  • 4 பதிலளிப்புகள்
  • 4 இந்த பிரச்னைகள் உள்ளது
  • 3 views
  • Last reply by suzanne77

I have tried all of the css code in the userChrome.css file in the chrome folder in my profile folder. Nothing makes the the tabs revert to being underneath. I hate these tabs--they are not easy to use. Also, the print in the URL box and the search box is way too big and I cannot get it smaller. Everything is too big.

I really liked Firefox before this, and it was fast enough. Can anyone tell me why the css code is not working? I have tried 3 different codes that were posted or linked to on this forum.

I have also applied different themes to the menu bars, and they just revert back to the black tabs with no separation.

I have tried all of the css code in the userChrome.css file in the chrome folder in my profile folder. Nothing makes the the tabs revert to being underneath. I hate these tabs--they are not easy to use. Also, the print in the URL box and the search box is way too big and I cannot get it smaller. Everything is too big. I really liked Firefox before this, and it was fast enough. Can anyone tell me why the css code is not working? I have tried 3 different codes that were posted or linked to on this forum. I have also applied different themes to the menu bars, and they just revert back to the black tabs with no separation.

தீர்வு தேர்ந்தெடுக்கப்பட்டது

Try this:

/* Tab bar below Navigation & Bookmarks Toolbars For best results, show Title Bar or Menu Bar */ #nav-bar { /* main toolbar */ -moz-box-ordinal-group: 1 !important; border-top-width: 0 !important; } #PersonalToolbar { /* bookmarks toolbar */ -moz-box-ordinal-group: 2 !important; } #TabsToolbar { /* tab bar */ -moz-box-ordinal-group: 3 !important; }

Read this answer in context 👍 1

All Replies (4)

தீர்வு தேர்ந்தெடுக்கப்பட்டது

Try this:

/* Tab bar below Navigation & Bookmarks Toolbars For best results, show Title Bar or Menu Bar */ #nav-bar { /* main toolbar */ -moz-box-ordinal-group: 1 !important; border-top-width: 0 !important; } #PersonalToolbar { /* bookmarks toolbar */ -moz-box-ordinal-group: 2 !important; } #TabsToolbar { /* tab bar */ -moz-box-ordinal-group: 3 !important; }

Note that you need to restart Firefox for changes to take effect

Moses said

Try this: /* Tab bar below Navigation & Bookmarks Toolbars For best results, show Title Bar or Menu Bar */ #nav-bar { /* main toolbar */ -moz-box-ordinal-group: 1 !important; border-top-width: 0 !important; } #PersonalToolbar { /* bookmarks toolbar */ -moz-box-ordinal-group: 2 !important; } #TabsToolbar { /* tab bar */ -moz-box-ordinal-group: 3 !important; }

Thank you! This is the first one that worked!