Change font size in Firefox 93

Page 1 of 2 12 LastLast

  1. Posts : 7
    windows 10 pro
       #1

    Change font size in Firefox 93


    Hi
    This is my first post here.
    I've been using FF 57 up untill last week. I edited my userChrome.css file to make many changes in FF.
    My most important chages were to enlarge the fonts in the bookmarks sidebar and place tabs below the address bar
    and enlarge the menu, address and tab bar fonts.
    There were a few websites that would not load and a few said they would no longer support my version. So I upgraded to FF93
    The fonts in FF93 are so small I can barely read them.
    I tried changing my user chrome file and also useed all the data from my old css file but didn't help at all.
    After 3 days of searching I'm wondering if it's possible to change these font sizes in FF93
    Version 2004 OS Build 19041.1288
      My Computer


  2. Posts : 117
    Windows 11
       #2

    What is the Display Resolution and Scale of your display. Those items likely affect the control sections in FF. You could also try removing the userChrome.css and run FF native to see if it make a different. If it does then gradually make the .css changes.
      My Computer


  3. Posts : 7
    windows 10 pro
    Thread Starter
       #3

    Hi
    Your reply helped a lot. Thanks
    I had the resolution set to the win recommended 1680 -1050
    Changed it to 1280-960 The bookmarks sidebar fonts and menu-tabs got at least more readable.
    I increased the desktop icons through ctrl+wheel.
    BUT.......... Is there a way changing the css file can have any effect on FF93??
      My Computer

  4. das10's Avatar
    Posts : 3,043
    Win10
       #4

    Customizations in userChrome.css still work in Firefox 93, although there have been quite a few changes in the CSS codes since Firefox 57. For the general "interface" font the following CSS code which still works for me in in Firefox 93. It changes the size and boldness of the fonts on menus etc. You would need to change the values for the font size and the weight to make it look the way you want.

    Code:
    /* Global UI font */
        * {font-size: 12pt !important;
        font-weight: 600 !important;
    	}
    For more information have a look at:
    Firefox... taming the beast part 2 !!
    Firefox... taming the beast !
      My Computer


  5. Posts : 7
    windows 10 pro
    Thread Starter
       #5

    das10,
    I added the code to my css file and it worked great, exact size and weight.
    How can I place the tabs below the address bar?
    Or, where can I find codes that will work with FF93
    Thanks, at67
      My Computer


  6. Posts : 117
    Windows 11
       #6

    at67 said:
    How can I place the tabs below the address bar?
    You may also want to try vertical tabs using the Tree Style Tab addon. It moves all the tabs to the left and you can nest or indent the tabs. This feature alone is my #1 reason for using FF, and I have over 100 tabs in place, ready to be used whenever. I find this more convenient than Bookmarks.

    There is a bit more to perfecting the layout that just enabling the addon, so ask if you are interested.
      My Computer

  7. das10's Avatar
    Posts : 3,043
    Win10
       #7

    I too, have tabs below the navbar, so here is my userChrome.css (edited) which works for me - maybe you could customize it as needed. As the code snippets are not my own creations, you might need to search for any other customizations beside the ones I use.

    Code:
    /* note : these are code snippets copied from elsewhere*/
    
    /* MAKE SURE THIS IS THE FIRST LINE         */
    /* Menubar on top                         */
        :root:not([sizemode="fullscreen"]){ --uc-window-control-width: 0px !important }
    
    /*note this used to be different before 90*/
    /*menubar location-position*/
        #toolbar-menubar{
        position: fixed;
        display: flex;
        top: var(--uc-titlebar-padding,4px);
        width: 100%;
        overflow: hidden;
        }
    
    /* order - Bookmark bar beneath URL bar, Tabs beneath URL bar */
        .titlebar-buttonbox-container > .titlebar-buttonbox{ height: 100%; }
        #titlebar{
        -moz-box-ordinal-group: 2;
        -moz-appearance: none !important;
        --tabs-navbar-shadow-size: 0px;
        }
    
    /*https://www.userchrome.org/firefox-89-styling-proton-ui.html*/
    /*** Tighten up drop-down/context/popup menu spacing ***/
        menupopup > menuitem, menupopup > menu {
          padding-block: 0px !important;
        }
        :root {
          --arrowpanel-menuitem-padding: 0px 0px !important;
        }
    
    /* Global UI font */
        * {font-size: 12pt !important;
           font-weight: 600 !important;
          #font-family: "Times New Roman" !important;#
    	}
    /* navigator location-position   */                                                        
    #navigator-toolbox{ padding-top: calc(22px + var(--uc-titlebar-padding,5px)) !important }
        :root[sizemode="fullscreen"] 
    	#navigator-toolbox{ padding-top: 5px !important; }
    
    /* Bookmarks menu padding                   */
        #BMB_bookmarksPopup .subviewbutton {
        padding: 0.2em !important;
        }
    /* make border around urlbar              */
        #urlbar-background,
        #searchbar {
        border-radius: 4px !important;
        border: 1px solid #8D8D8D !important;
        }
    	
    /* icons spacing                         */
         #main-window[uidensity=compact] {
         --toolbarbutton-outer-padding: 2px !important;
         }
    Hope it works for you.

    (pn: I also use the MenuBar and TitleBar ( in Settings> Customize Toolbar - on the other hand, if you personally don't, the result might not look right).
    Last edited by das10; 18 Oct 2021 at 11:17.
      My Computer


  8. Posts : 7
    windows 10 pro
    Thread Starter
       #8

    quandary said:
    You may also want to try vertical tabs using the Tree Style Tab addon. It moves all the tabs to the left and you can nest or indent the tabs. This feature alone is my #1 reason for using FF, and I have over 100 tabs in place, ready to be used whenever. I find this more convenient than Bookmarks.

    There is a bit more to perfecting the layout that just enabling the addon, so ask if you are interested.
    I tried this a while back but didn't care for it.
    Thanks, at67

    - - - Updated - - -

    [QUOTE=das10;2313735]I too, have tabs below the navbar, so here is my userChrome.css (edited) which works for me - maybe you could customize it as needed. As the code snippets are not my own creations, you might need to search for any other customizations beside the ones I use.

    I used your css file and it's just how I had it in the ''old days''.
    Only thing is the min-max and close buttons are to the extreme left against the menu bar.
    If I add in the title bar, which I never did, they move to the right, which is where I want it.
    How can they be put back to the right without the title bar?
    I want everyone that replied to know how much I appreciate the help I'm getting here. THANKS! at67
      My Computer

  9. das10's Avatar
    Posts : 3,043
    Win10
       #9

    That is one issue I had noticed when testing my my userChrome.css, but as I have always used the Titlebar and MenuBar, I had not pursued it further. If I come across a solution, I will post it into this thread.
      My Computer

  10. das10's Avatar
    Posts : 3,043
    Win10
       #10

    Well, I had a look at one of the pages in the 7z files from the main "Firefox Taming the Beast" threads, and found a code snippet which might work to move the Min Max Close Caption buttons to the right - I hope it works.
    Code:
    /* note : these are code snippets copied from elsewhere*/
    
    /* MAKE SURE THIS IS THE FIRST LINE         */
    /* Menubar on top                         */
        :root:not([sizemode="fullscreen"]){ --uc-window-control-width: 20px !important }
    
    /* move caption buttons to windows top right position */
    .titlebar-buttonbox-container {
      position: fixed;
      right: 0;
      visibility: visible;
      display: block;
    }
    
         /*note this used to be different before 90*/
    /*menubar location-position*/
        #toolbar-menubar{
        position: fixed;
        display: flex;
        top: var(--uc-titlebar-padding,5px);
        width: 100%;
        overflow: hidden;
        }
    
    /* order - Bookmark bar beneath URL bar, Tabs beneath URL bar */
        .titlebar-buttonbox-container > .titlebar-buttonbox{ height: 100%; }
        #titlebar{
        -moz-box-ordinal-group: 2;
        -moz-appearance: none !important;
        --tabs-navbar-shadow-size: 0px;
        }
    
    /*https://www.userchrome.org/firefox-89-styling-proton-ui.html*/
    /*** Tighten up drop-down/context/popup menu spacing ***/
        menupopup > menuitem, menupopup > menu {
          padding-block: 0px !important;
        }
        :root {
          --arrowpanel-menuitem-padding: 0px 0px !important;
        }
    
    /* Global UI font */
        * {font-size: 12pt !important;
           font-weight: 600 !important;
          #font-family: "Times New Roman" !important;#
    	}
    /* navigator location-position   */                                                        
    #navigator-toolbox{ padding-top: calc(22px + var(--uc-titlebar-padding,10px)) !important }
        :root[sizemode="fullscreen"] 
    	#navigator-toolbox{ padding-top: 5px !important; }
    
    /* Bookmarks menu padding                   */
        #BMB_bookmarksPopup .subviewbutton {
        padding: 0.2em !important;
        }
    /* make border around urlbar              */
        #urlbar-background,
        #searchbar {
        border-radius: 4px !important;
        border: 1px solid #8D8D8D !important;
        }
    	
    /* icons spacing                         */
         #main-window[uidensity=compact] {
         --toolbarbutton-outer-padding: 2px !important;
         }
    Last edited by das10; 18 Oct 2021 at 17:29. Reason: moved a few pixels around
      My Computer


 

  Related Discussions
Our Sites
Site Links
About Us
Windows 10 Forums is an independent web site and has not been authorized, sponsored, or otherwise approved by Microsoft Corporation. "Windows 10" and related materials are trademarks of Microsoft Corp.

Designer Media Ltd
All times are GMT -5. The time now is 22:24.
Find Us




Windows 10 Forums