This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

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

Need to increase the font size of tabs

  • 8 replies
  • 2 have this problem
  • 65 views
  • Last reply by pcbjr

more options

Basically, I need to figure out how to increase the font size in tabs (using about:config or some other mechanism). I can't find an add-on or extension that'll do this - all I want is a larger font for the open tabs.

Basically, I need to figure out how to increase the font size in tabs (using about:config or some other mechanism). I can't find an add-on or extension that'll do this - all I want is a larger font for the open tabs.

Chosen solution

How about (I combined your rules together):

#PlacesToolbarItems, 
#sidebar-search-container #search-box, 
.sidebar-placesTree {
  font-size: 15px !important; 
  font-weight: bold !important; 
}

label.tab-text {
  font-size: 15px !important; 
}
Read this answer in context 👍 0

All Replies (8)

more options

Additional Info

I was able to get my bookmarks to increase size and be bold using these in the chrome folder -

  1. PlacesToolbarItems, #sidebar-search-container #search-box, .sidebar-placesTree { font-size: 15px !important; }
  1. PlacesToolbarItems, #sidebar-search-container #search-box, .sidebar-placesTree { font-weight: bold !important; }

Maybe a similar way to get the font size in the tabs to be bigger?

more options

Chosen Solution

How about (I combined your rules together):

#PlacesToolbarItems, 
#sidebar-search-container #search-box, 
.sidebar-placesTree {
  font-size: 15px !important; 
  font-weight: bold !important; 
}

label.tab-text {
  font-size: 15px !important; 
}
more options

OK - I'm going to try this and I'll let you know how it works!

more options

It works! Thank you so much! Phil

more options

From one lawyer to another - Thanks!

Now, if I could only figure out how to get a very light blue background to my toolbars and curved tabs, I'd feel great!

I did bold the Tabs with this after you got me to a readable size font, btw:

label.tab-text {

font-weight: bold !important;

}

Again - Thanks, and if you know how to get some mild color in the toolbars, please let me know - the Extensions available are too "dark" and "brisk" ...

more options

Counselor, for a pale blue background to the toolbar area, I suggest browsing the themes section of the Add-ons site. Here's a sample search to get you started:

https://addons.mozilla.org/firefox/search/?platform=mac&q=light+blue&type=persona

The curved tabs part is a bit of work because image files are used for the corners. You can take a look at this one and try the "Light" theme variant to see if that is compatible:

https://github.com/wilfredwee/photon-australis

Does it work??

more options

Thanks. I've been looking at themes as time allows for a few days and just can't find the "right" one, but that's just going to have to continue, I suppose. As for the tabs, the "Light" theme is very big and seems to be geared to Windows (?). I did try this portion: {

 --tab-curve-width: 30px;
 --tabs-border: transparent !important;

} which did nothing. Do you suggest I copy the entire 215 lines into my chrome? If so, on a Mac should I include the "root" at the very beginning? Thanks again for your very kind assistance!

more options

Hey!

I got the curved tab to work - just used the entire 215 lines! Thanks! One more question - Any way to give different colors to the buttons (home, bookmarks, history etc.)? i.e., these: https://prod-cdn.sumo.mozilla.net/uploads/images/2018-03-03-06-15-24-190ad7.png

Modified by pcbjr