X
Tap here to go to the mobile version of the site.

Support Forum

Need to increase the font size of tabs

Posted

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

Additional System Details

Installed Plug-ins

  • Shockwave Flash 28.0 r0

Application

  • User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.11; rv:58.0) Gecko/20100101 Firefox/58.0

More Information

Question owner

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?

Additional Info I was able to get my bookmarks to increase size and be bold using these in the chrome folder - #PlacesToolbarItems, #sidebar-search-container #search-box, .sidebar-placesTree { font-size: 15px !important; } #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?
jscher2000
  • Top 10 Contributor
8773 solutions 71719 answers

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; 
}
How about (I combined your rules together): <pre> #PlacesToolbarItems, #sidebar-search-container #search-box, .sidebar-placesTree { font-size: 15px !important; font-weight: bold !important; } label.tab-text { font-size: 15px !important; } </pre>

Question owner

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

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

Question owner

It works! Thank you so much! Phil

It works! Thank you so much! Phil

Question owner

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" ...

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" ...
jscher2000
  • Top 10 Contributor
8773 solutions 71719 answers

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??

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??

Question owner

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!

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!

Question owner

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

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